做个笔记,有时候不记得如何来创建使用项目了,就到博客园来看看。做项目的时候会接触到前端,这时候就需要一些前端的知识了,前端当中,vue算是比较好用,且容易入门的,用vue来开发前后端分离的项目,可以降低项目的耦合度。使用vue的时候,用脚手架来开发单页面应用。创建脚手架项目首先需要安装node.js,在node.js中安装vue,方法过于简单,自行查找。 安装好nodejs之后,安装依赖
转载 2023-09-06 17:54:17
124阅读
文章目录学习目标:学习内容:一、实例化Vue对象1、作用域2、数据模型3、方法区4、钩子函数二、插值表达式1、花括号{}2、v-text、v-html 单向绑定3、v-model 双向绑定三、事件1、v-on/@2、v-for3、v-if、v-show4、v-bind四、计算属性五、监听六、组件化1、全局组件2、局部组件3、父向子传递数据模型4、子向父通信七、路由1、组件安装2、创建路由实例3、
目录一、Vue项目介绍二、组件相关知识点三、路由相关知识点路由配置四、vuex五、vue-cookie六、axios上一篇我们说了Vue项目平台搭建以及Vue项目目录说明,这篇我们说一下如何使用Vue项目进行前端项目开发一、Vue项目介绍Vue是一个单页面页用,我们用到的html在public文件夹下入口文件根组件页面组件路由配置文件二、组件相关知识点''' 1、vue项目的请求生命周期:main
转载 2023-08-25 23:20:58
91阅读
Vue.js是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。实用的 Vue.js组件库可以帮助我们快速搭建页面,下面介绍小编认为比较受欢迎的五个vue前端ui框架。TOP5——Vue-BluVue-Blu是基于Vuejs和Bulma开发的开源UI组件库。旨在为PC端的前端开发(特别是中后台产品)提供一个快速且灵活的解决方案。全面、灵活且强大的ui组件
转载 2023-07-20 13:20:45
107阅读
vue实现选中框托转出现箭头如何实现
原创 2021-12-27 14:25:35
109阅读
目录什么是Vue什么是渐进式框架?Node.js 和npm是什么HTML DOM教程Vue 教程vue $
原创 2022-09-21 11:59:56
206阅读
一、背景主要介绍如何使用后端Django + 前端Vue 的技术栈快速地搭建起一套web项目的框架。 为什么使用Django和Vue?Django是Python体系下最成熟的web框架之一,由于Python语言的易用性和受众面广,Django框架也因其能够快速开发网站应用的特性成为了中小型网站开发框架首选。Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue被设计为可
转载 2023-07-03 20:57:34
158阅读
vue学习笔记—基础语法简介介绍: vue是一个专注于前端UI的框架,他的主要能力是: 01.声明式的绑定。包括数据绑定、事件绑定。 02.基于组件的编程。让开发者可以把整个应用分为若干组件,从而达到分而治之的目的。vue的特点: 想要更好的理解vue,那么对于下面这几个词汇就应该有个更深刻的理解,单页面应用,数据驱动,模板语法,组件化 (1)单页面应用: 单页面应用(single page we
Part.A 搭建 Vue 项目一、安装node2、检查是否安装成功,打开终端输入以下命令,如果输出版本号,说明我们安装node环境成功node -v二、安装npm1、安装node后,由于node集成了npm会默认安装npm。打开终端输入以下命令查看npm安装的版本号npm -v三、安装webpack1、输入命令全局安装webpacknpm install webpack -g2、查看是否安装成功
前端背景对于公司内部管理系统、ToB的SaaS系统等一系列的项目中,由于项目本身的生命周期较长,又长期不断的迭代,加入新的功能模块,最终会导致项目本身的体积越来越大,结构越来越复杂。不但影响了日后的维护成本、性能等方面,而且对于开发来讲,也是越写越写不下去,最后的建议可能就是 Emm... 你懂的。微前端的概念很早就有了,比如说早期的iframe。但对于现在前端的技术的不断发展出现很多优秀的微前
文章目录导课MVVM(前端思想)vue 的特点Vue的基本代码Vue指令v-cloak插值表达式v-textv-htmlv-bind:v-on:v-model(双向数据绑定)v-forv-if 和 v-show事件修饰符在Vue中使用样式使用class样式使用内联样式 导课MVVM(前端思想)前端视图层的分层开发思想,主要把每个页面分成了M、V和VM。M:保存每个页面中单独的数据VM:调度者,分
基于webpack的配置调试使用Vue-cli命令行工具初始化基于wabpack模板的项目的命令语法:npm install -g @vue/cli # 全局安装vue-cli,版本vue3.x vue init webpack [my-project] [app-name] # 使用vue-cli初始化一个完整的webpack项目。 cd my-project
1、概述Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。2、基础使用1、安装node.jsnodejs.cn/download2、安装vue-cli 快速生成项目模板
Vue框架:官网vue框架:渐进式JavaScript框架 vue一个环境:可以只控制页面中一个标签、或者控制一组标签、再或者控制整个页面、也可以直接控制整个项目 vue可以根据实际需求,选择控制前端项目的区域范围为什么要学习vue''' 1. html、css、js直接开发项目,项目杂乱,不方便管理,要采用前端框架进行开发,规范项目 2. Angular、React、Vue三个前端框架,Vu
转载 2023-07-11 08:35:35
82阅读
Vue项目打包之后,部署有两种方式,一是前台打包后扔给后台,放置在后台项目的根目录下就可以了。这种是最简单的。还有一种方式就是前端单独部署,这里讲的是后者 前端如何单独部署呢? 一个最简单的办法就是使用Nginx部署辣 一.我们将自己的Vue项目打包 运行npm run build 会在项目中生成一个叫dist文件 二.安装Nginx Nginx是一个类似于Tomcat的服务器,部署前
Vue 的侦听器是一种用于监听和响应数据变化的机制。通过在 Vue 实例中定义侦听器,可以在指定的数据发生变化时执行相应的
原创 4月前
31阅读
原创 2022-07-31 00:09:03
115阅读
vue
原创 2023-02-10 10:03:00
61阅读
前言近来,微前端的概念非常火爆,那么什么是微前端架构?微前端架构是一种架构风格类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。由此带来的变化是,这些前端应用可以独立运行、独立开发、独立部署。微前端所具备的便于引入新框架,代码简洁、易维护等特点使其应用愈发广泛。爱奇艺号前端工程基于Vue的框架已经使用了3年之余,这一版本虽有
**系列文章目录 文章目录系列文章目录前言一、element二、Vue Admin三、vue-manage-system四、iview-admin五、vuestic-admin六、d2-admin 前言*Vue.js 是一个目前比较流行的前端框架,也算是前端工程师人人都晓得的!今天这里为大家罗列一下基于Vue的后端管理的框架。使用这些框架会减少我们的初期运作以及常用的路由,状态,交互等等,我们只需
  • 1
  • 2
  • 3
  • 4
  • 5