Vue学习之九Vue计算属性与webpack

10watch和computedcomputed计算属性我们可以将同一函数定义为一个方法而不是一个计算属性。两种方式的最终结果确实是完全相同的。然而,不同的是计算属性是基于它们的依赖进行缓存的。只在相关依赖发生改变时它们才会重新求值。这就意味着只要message还没有发生改变,多次访问reverse

Vue学习笔记之七组件的使用

7组件注册组件名在注册一个组件的时候,我们始终需要给它一个名字。比如在全局注册的时候我们已经看到了:Vue.component('my-component-name',{/*...*/})该组件名就是Vue.component的第一个参数你给予组件的名字可能依赖于你打算拿它来做什么。当直接在DOM中

Vue学习笔记之六进入/离开 & 列表过渡

6进入/离开&列表过渡6.1概述Vue在插入、更新或者移除DOM时,提供多种不同方式的应用过渡效果。包括以下工具:在CSS过渡和动画中自动应用class可以配合使用第三方CSS动画库,如Animate.css在过渡钩子函数中使用JavaScript直接操作DOM可以配合使用第三方JavaSc

Vue学习笔记之五Vue生命周期

5.Vue生命周期所有的生命周期钩子自动绑定this上下文到实例中,因此你可以访问数据,对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法(例如created:()=>this.fetchTodos())。这是因为箭头函数绑定了父上下文,因此this与你期待的Vue实例不同

Vue学习笔记之三

3.v-on按键修饰符3.1作用说明文档地址:https://cn.vuejs.org/v2/guide/events.html在监听键盘事件时,我们经常需要监听常见的键值,vue允许v-on在监听键盘事件时添加按键修饰符:-enter-table-delete(捕获‘删除’和‘退格’键)-esc-