MVVM模式
mvvm即Model-View-ViewModel,mvvm的设计原理是基于mvc的,所以说mvvm不算是一种创新,充其量是一种改造,这其中的ViewModel便是一个小小的创新;如下图所示:
以上图中可看出三者之间的关系;可以将ViewMode看作是Model和View的连接桥,View可以通过事件绑定Model,Model可以通过数据绑定View,通过ViewMode可以实现数据和视图的完全分离。
Vue生命周期
beforeCreate Created beforemount mounted beforeUpdate updated beforeDestroy destroyed
vue中常见的指令及作用
v-text 只解析文本信息 v-html 可以解析超文本标签 v-if/v-else-if/v-else 与javaScript中的一样,用于判断。 v-show 通过控制元素的display css属性来控制元素的显示与隐藏 v-for 循环 v-on 绑定事件,可以用@符号来代替 v-bind 绑定元素的一个或者多个属性,用于动态更新html上元素的标签内容 v-slot 插槽 v-pre 跳过自己以及子元素的编译过程 v-model 数据的双向绑定 v-clock 解决页面闪烁问题 v-once 只渲染一次
vue中watch和computed区别
computed: 1)有缓存机制 2)不能接受参数 3)不能与data中的属性重复 watch: 1)可以接受两个参数 2)监听时触发一个回调,并在回调中做一些处理 3)监听的书信必须存在 4)允许异步