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

2019-07-11

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

0 条评论
88 热度

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

2019-07-11

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

0 条评论
74 热度

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

2019-07-11

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

0 条评论
63 热度

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

2019-07-11

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

0 条评论
79 热度

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

2019-07-11

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

0 条评论
75 热度

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

2019-07-11

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

0 条评论
66 热度

Vue学习笔记之三

2019-07-11

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

0 条评论
67 热度

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

2019-07-11

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

0 条评论
50 热度

Vue学习笔记之一起步

2019-07-11

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

0 条评论
60 热度