v-if vs v-show
v-if vs v-showAPI v-if 根据渲染条件决定是否把元素渲染到DOM页面,而v-show不管渲染条件是什么,都会把元素渲染到DOM页面,只是简单的切换CSS的显示隐藏。 如果需要非常频繁地切换,则使用 v-show 较好;如果在运行时条件很少改变,则使用 v-if 较好。 来源:本文导入自 xugaoyi/vuepress-theme-vdoing 的 docs/《Vue》笔记/01.基础/30.v-if vs v-show.md。原作者:xugaoyi。许可证:MIT。
计算属性 vs 方法 vs 侦听属性
计算属性 vs 方法 vs 侦听属性API 如果一个功能同时可以使用计算属性(computed)、方法(methods)、侦听属性(watch)来实现的时候推荐使用计算属性。 计算属性 方法 侦听属性 计算属性是基于它们的响应式依赖进行缓存的 每当触发重新渲染时,调用方法将总会再次执行函数 有缓存,但相比计算属性,实现起来要复杂很多。 来源:本文导入自 xugaoyi/vuepress-theme-vdoing 的 docs/《Vue》笔记/01.基础/20.计算属性 vs 方法 vs 侦听属性.md。原作者:xugaoyi。许可证:MIT。
生命周期
实例生命周期钩子实例生命周期钩子API 简单理解,生命周期钩子函数就是vue实例在某一个时间点会自动执行的函数。 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364<div id="app">{{msg}}</div><script src="https://cdn.bootcss.com/vue/2.4.2/vue.js"></script><script> var vm = new Vue({ el: '#app', data: { msg: 'Vue的生命周期' }, beforeCreate: function() ...
MVVM模式
提示 说明:本章内容是博主的Vue学习笔记,以官方文档为准。 MVVM模式MVVM模式,M即 model,数据模型;V即 view,视图;VM即 view-model,视图模型。 理解 首先,数据Model通过Data Bindings把数据绑定在View视图上, 当View视图有交互(有改变)的时候,Dom listeners会自动监听,然后更新数据Model。 Q:什么是MVVM模式? A:MVVM模式,第一个M代表数据模型,V代表视图,VM代表视图模型;它的实际操作原理是:后台数据通过视图模型来渲染视图,就是页面。当用户在页面上进行操作的时候,视图模型会自动监听到用户的操作,从而改变后台数据。 来源:本文导入自 xugaoyi/vuepress-theme-vdoing 的 docs/《Vue》笔记/01.基础/00.MVVM模式.md。原作者:xugaoyi。许可证:MIT。






