巧了，敢不敢跟我撸Vue
本文标识 : V00000
本文编辑 : Jack 风 编程工具 : Vscode 阅读时长 : 6分钟
先给大家看看Top10的前端Ui框架吧
一：Element
官网地址：http://element-cn.eleme.io/#/zh-CNelement ui框架的按钮组件，这款由饿了么前端开源的UI框架，一经面世，就收获大量程序员的芳心。
二：iView
官网地址：https://www.iviewui.com/iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。
三：Vuetify
官网地址：https://vuetifyjs.com/zh-Hans/Vuetifyjs根据材料设计规格提供 UI 布局。
四：Vue-Strap
官网地址：http://yuche.github.io/vue-strap/
基于 Vue.js 的 Bootstrap 组件 该仓库包含一系列基于 Bootstrap 标记和 CSS 的本地 Vue.js 组件。
五：Cube-UI
官网地址：https://didi.github.io/cube-ui/#/zh-CN/example
cube-ui 是滴滴团队开发的基于 Vue.js 实现的精致移动端组件库。支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。
六：Buefy
官网地址：https://buefy.github.io/#/Buefy 基于 Bulma 和 Vue.js 的轻量级UI组件，它提供了即装即用的轻量级组件。虽然组件选择有限，但是值得你去尝试。
七：Vue-Beauty
官网地址：https://fe-driver.github.io/vue-beauty/#/components/buttonvue-beauty 是一套基于 vue.js 和 ant-design样式 的PC端 UI 组件库，帮助开发者提升产品体验和开发效率、降低维护成本。
八：AT-UI
官网地址：https://at-ui.github.io/at-ui/#/zhAT-UI 是一个模块化的前端 UI 框架，开发基于Vue.js 的快速和强大的 Web 界面。
九：Vue-Blu
官网地址：https://chenz24.github.io/vue-blu/#/Vue-Blu是基于Vuejs和Bulma开发的开源UI组件库。全面、灵活且强大的ui组件，API友好。
十：Vue-CLI 脚手架
官网地址：https://cli.vuejs.org/zh/
功能丰富
对 Babel、TypeScript、ESLint、PostCSS、PWA、单元测试和 End-to-end 测试提供开箱即用的支持。
易于扩展
它的插件系统可以让社区根据常见需求构建和共享可复用的解决方案。
无需 Eject
Vue CLI 完全是可配置的，无需 eject。这样你的项目就可以长期保持更新了。
CLI 之上的图形化界面
通过配套的图形化界面创建、开发和管理你的项目。
即刻创建原型
用单个 Vue 文件即刻实践新的灵感。
面向未来
为现代浏览器轻松产出原生的 ES2015 代码，或将你的 Vue 组件构建为原生的 Web Components 组件。
为什么选择撸Vue呢？
什么是Vue.js
Vue.js 是最火的一个前端框架，React 是最流行的一个前端框架。
前端三大主流框架：
1.Vue.js
一个构建数据驱动的 web 界面的渐进式框架
2.Angular.js
一款优秀的前端JS框架,已经被用于Google的多款产品当中.AngularJS有着诸多特性，最为核心的是：MVC（Model–view–controller）、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。
3.React.js
React 可以非常轻松地创建用户交互界面。为你应用的每一个状态设计简洁的视图,在数据改变时 React 也可以高效地更新渲染界面。
Vue.js 特点：
A.构建用户界面的框架 只关注视图层
B.易于上手组件丰富(Element)
C.减少不必要的DOM操作
D.提高渲染效率双向数据绑定
效率高===> 时间就是效率，效率就是金钱！框架和库的区别
框架：完整的解决方案
库: 提供小功能，从某个库 转成别的库来实现。
1.从Jquery 切换到Zepto
2.从EJS 切换到art-template
Node（后端）中的MVN 与前端中的MVVM
MVC是后端的分层开发概念。 MVVM是前端视图层的概念，主要关注语 视图层分离;
MVVM
把前端的视图层，分为了三部分（详情看图）：
1、Model
2、View
3、VM ViewModel
那么请开始（这里默认Vscode安装完成），
新建你的第一个，HTML文件吧。
右击新建html结尾的文件即以HTML结尾的文件 英文状态输入！按TAB键 即可新建成功
view in browser 插件安装
为什么要安装这个插件呢？
那就是可以快速右击浏览器预览？就需要安装这个插件了。
打开vscode，找到编辑器主界面左侧‘扩展’按钮并点击它。
Vscode 添加代码段
文件 ---> 首选项 ---> 用户代码片段
（作用：快速生成一个html文件。）
(划重点-案例请见次条）
1.如何定义一个基本的vue代码结构 2. 插值表达式 和 v-text 3.v-cloak 4.v-html 5.v-bind vue提供的属性绑定机制 缩写是 : 6.v-on vue提供的事件绑定机制 缩写是 @