vue实例 目标: 1、学会创建vue实例 2、掌握vue数据是如何响应的 3、了解vue实例的属性和方法 4、理解vue实例的生命周期中各种钩子的用法,牢记生命周期图
Vue数据响应 MVVM: model(模型层,也就是数据), view(视图层), ViewModel(视图模型层) 这里的VM层,代替了传统MVC模式的C层,实现了视图和数据指向相互响应的桥梁, vue主要就是充提供了vm层. Vue中的数据和视图是相互响应的, 也就是data发生变化,页面视图(view)相应的值也会发生变化(更新视图), 如果这些值决定的是某个数组或者对象,或者样式的渲 染,同样也会最终让视图响应发生变化. 同样视图上改变了相应(绑定在视图的)数据,data也会响应发生变化(更新数据).
看完之后写过写demo现在是零实际项目经验的所以这一次打算细看算是官方文档的二次产物吧但是不是全部直接复制粘贴那种中间加了些个人见解或许是误解下去写出来也好让别人指正自己
Vue学习计划基础笔记(一)-vue实例 最近又重新看vue的文档了,计划是别人写的,之前看过一次,没有考虑太多,只考虑看懂能用就好.看完之后写过写demo,现在是零实际项目经验的,所以这一次 打算细看,算是官方文档的二次产物吧,但是不是全部直接复制粘贴那种,中间加了些个人见解(或许是误解)下去,写出来也好让别人指正自己.
使用 把这些属性全部转为 getter/setter(所以直接打印出来的data也是会看到每个属性都有一个setter和setter)
Vue实例的属性(option) 3.1 Data 主要存放数据的地方, 一般也就是会在这里定义数据(这里面的数据都是响应的),很少会在vue实例外面定义(全局)数据.