Vue
1. 库和框架的区别
库 ： jQuery zepto 等
是一种函数库，提供一系列API给程序员，用于提高编码开发效率
框架：Vue React Angular等
是一套解决应用开发的方案，提供给程序员解决开发中一类的问题的产品，不仅提高编码开发效率，还能优化web项目性能
2. vue 是什么
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架
3. 框架思想
M(model) V(view) C(controller)
后端 MVC
M： 数据层 数据管理
V： 视图层 渲染数据
C： 控制层 业务处理逻辑
前端 MVVM
M(model) V(view) vm(viewModel)
M： 管理管理
V： 用户界面
VM: 业务逻辑处理
数据变化更新视图，视图变化更新数据
4. 使用vue
步骤：
4.1. 引包
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
4.2.设置vue的挂载点
<div id="app1"></div>
4.3. 创建Vue实例
let vm = new Vue( { el : "#app"})
4.4. 记录数据
let vm = new Vue( { el : "#app",data:{ message:"hello Vue "}})
4.5. 添加方法
let vm = new Vue( {
el : "#app",
data:{ 数据 , message:"hello",flag:true},
methods: {
添加方法
foo(){}
}
})
5. 插值表达式
{{JS表达式}}
<div id="app1">{{message}}</div>
表达式： 一段JS代码
