计算属性 vs 方法 vs 侦听属性
计算属性 vs 方法 vs 侦听属性
如果一个功能同时可以使用计算属性(computed)、方法(methods)、侦听属性(watch)来实现的时候推荐使用计算属性。
| 计算属性 | 方法 | 侦听属性 |
|---|---|---|
| 计算属性是基于它们的响应式依赖进行缓存的 | 每当触发重新渲染时，调用方法将总会再次执行函数 | 有缓存，但相比计算属性，实现起来要复杂很多。 |
来源：本文导入自 xugaoyi/vuepress-theme-vdoing 的
docs/《Vue》笔记/01.基础/20.计算属性 vs 方法 vs 侦听属性.md。
原作者：xugaoyi。许可证：MIT。
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 Barry's Blog！
相关推荐
2020-02-04
子组件派发事件和值给父组件
子组件派发事件和值给父组件API 子组件通过$emit派发事件和值给父组件（值可以有多个） 1this.$emit('fnX', value) 父组件通过v-on绑定子组件派发的事件，并触发一个新的事件，新的事件内可以接收传来的值 12345678<ComponentName @fnX="fnY"></ComponentName>methods: { fnY(value) { console.log(value) }} 父子组件间传递数据 demo See the Pen mdJVqgg by xugaoyi (@xugaoyi) on CodePen. 1<script async src="https://static.codepen.io/assets/embed/ei.js"></script> 来源：本文导入自 xugaoyi/vuepress-theme-vdoing ...
2020-02-13
使用组件的细节点
使用组件的细节点解析 DOM 模板时的注意事项1234567891011121314151617<div id="root"> <table> <tbody> <row></row> <row></row> <row></row> </tbody> </table></div><script type="text/javascript"> Vue.component('row', { template: '<tr><td>this is a row</td></tr>' }) var vm = new Vue({ ...
2020-02-18
vue父子组件的生命周期顺序
vue父子组件的生命周期顺序加载渲染过程1父beforeCreate -> 父created-> 父beforeMount-> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted 父组件会先执行到beforeMount，接着会执行子组件钩子到挂载结束，再挂载父组件。 子组件更新过程1父beforeUpdate -> 子beforeUpdate -> 子updated -> 父updated 父组件更新过程1父beforeUpdate -> 父updated 销毁过程1父beforeDestroy -> 子beforeDestroy -> 子destroyed -> 父destroyed 来源：本文导入自 xugaoyi/vuepress-theme-vdoing 的 docs/《Vue》笔记/02.组件/90.vue父子组件的生命周期顺序.md。原作者：xugaoyi。许可证：MIT。
2020-02-04
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。
2020-02-04
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。
2020-02-15
自定义事件
自定义事件API 在组件标签v-on绑定的事件是自定义事件123456789101112131415161718<div id="root"> <child @click="handleClick"></child> <!--这里click是自定义事件--></div><script type="text/javascript"> Vue.component('child', { template: '<button>Child</button>', }) var vm = new Vue({ el: '#root' methods: { handleClick() { alert('...
