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

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

Vue学习笔记之八获取组件对象和使用vue-router

8 获取dom对象和组件的对象 ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向组件实例: <!-- `vm.$refs.p` will be the DOM n

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

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

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

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

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

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

Vue学习笔记之四Vue的Ajax请求

4. Vue的Ajax请求 4.1 Vue-resource插件介绍 下载地址: https://github.com/pagekit/vue-resource/blob/develop/docs/http.md $.ajax能做的事情,vue-resource插件一样也能做到,而且vue-res

Vue学习笔记之三

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

Vue学习笔记之二Vue-Devtools及过滤器

2. Vue在chrome浏览器的调试工具Vue-Devtools 作用 vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。 安装地址: https://github.com/vuejs

Vue学习笔记之一起步

1.起步 创建一个html,然后通过如下方式引入 Vue: <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scrip
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×