Vue.js 2.0版

Vue.js 2.0版升级，更改了好多方法或指令

new Vue({el:'#demo',data:{msg:"vue2.0"}
})

v-model

lazy 　number　debounce (2.0版废弃) 　新加　lazy

.lazy - 取代 input 监听 change 事件
.number - 输入字符串转为数字
.trim - 输入首尾空格过滤

v-for

`v-for`迭代语法变化

丢弃~~$index~~和~~$key~~
新数组语法
- value in arr
- (value, index) in arr
新对象语法
- value in obj
- (value, key) in obj
- (value, key, index) in obj

value 值　key 键　index 索引下标
<li v-for="item in items">{{item.id}}</li>
<li v-for="(value,key) in items">{{value.id}}--{{key}}</li>
<li v-for="(value,key,index) in items">{{value.id}}--{{key}}--{{index}}</li>

每个 Vue 实例都会代理其 `data` 对象里所有的属性：

var tie = { a: 1 }
var vm = new Vue({
data: tie
})vm.a === tie.a // -> true// 设置属性也会影响到原始数据
vm.a = 2
tie.a // -> 2// ... 反之亦然
tie.a = 3
vm.a // -> 3

除了 data 属性， Vue 实例暴露了一些有用的实例属性与方法。这些属性与方法都有前缀 $，以便与代理的 data 属性区分。例如：var data = { a: 1 }
var vm = new Vue({el: '#example',data: data
})
vm.$data === data // -> true
vm.$el === document.getElementById('example') // -> true
// $watch 是一个实例方法
vm.$watch('a', function (newVal, oldVal) {// 这个回调将在 `vm.a`  改变后调用
})
注意，不要在实例属性或者回调函数中（如 vm.$watch('a', newVal => this.myMethod())）使用箭头函数。因为箭头函数绑定父上下文，所以 this 不会像预想的一样是 Vue 实例，而是 this.myMethod 未被定义。

转载于:https://www.cnblogs.com/MrZouJian/p/6003252.html

Vue.js 2.0版相关推荐

vue时间天气插件_基于vue.js 2.0的百度天气应用 – vue-weather
vue-weather 基于vue.js 2.0的百度天气应用. 说明初学vue,在看完一个简单的视频教程和走两遍完官方文档之后仍然感觉云里雾里,知其然不知其所以然(虽然现在好了点).请教了高手之后 ...
Vue.js 2.0 渐进开发应用实践
课程简介 Vue.js 作为当前的热门框架之一,之前大部分情况下是被介绍作轻量级.高性能的 MVVM 框架.随着 Vue.js 2.0 的发布,以及框架作者尤雨溪先生在 2016 年底的 NingJS ...
【转】Vue.js 2.0 快速上手精华梳理
Vue.js 2.0 快速上手精华梳理 Sandy 发掘代码技巧:公众号:daimajiqiao 自从Vue2.0发布后,Vue就成了前端领域的热门话题,github也突破了三万的star,那么对于新 ...
vue.js 2.0实现的简单分页
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title&g ...
vue.js 2.0 官方文档学习笔记 —— 01. vue 介绍
这是我的vue.js 2.0的学习笔记,采取了将官方文档中的代码集中到一个文件的形式.目的是保存下来,方便自己查阅. !官方文档:https://cn.vuejs.org/v2/guide/ 01. ...
vue 3.0和2.0区别_一文看懂 Vue.js 3.0 的优化
Vue.js 从 1.x 到 2.0 版本,最大的升级就是引入了虚拟 DOM 的概念,它为后续做服务端渲染以及跨端框架 Weex 提供了基础. Vue.js 2.x 发展了很久,现在周边的生态设施都已 ...
Vue.js 3.0 响应式 API 比 2.x 好在哪儿？
Hello,各位小伙伴,接下来的一段时间里,我会把我的课程<Vue.js 3.0 核心源码解析>中问题的答案陆续在我的公众号发布,由于课程的问题大多数都是开放性的问题,所以我的答案也不一定 ...
组件用.vue还是.js_如何使用Vue.js 2.0构建灵活的图像上传器组件
组件用.vue还是.js by Cathy Ha 由凯茜·哈(Cathy Ha) 如何使用Vue.js 2.0构建灵活的图像上传器组件 (How to build a flexible image u ...
[面试专题]Vue.js 2.0 独立构建和运行时构建的区别
Vue.js 2.0 独立构建和运行时构建的区别标签(空格分隔): 未分类在使用 Vue.js 2.0 时,有独立构建(standalone)和运行时构建(runtime-only)两种版本可供选 ...

Vue.js 2.0版

v-model

v-for

`v-for`迭代语法变化

每个 Vue 实例都会代理其 `data` 对象里所有的属性：

Vue.js 2.0版相关推荐

最新文章

热门文章

Vue.js 2.0版

v-model

v-for

v-for迭代语法变化

每个 Vue 实例都会代理其 data 对象里所有的属性：

Vue.js 2.0版相关推荐

最新文章

热门文章

`v-for`迭代语法变化

每个 Vue 实例都会代理其 `data` 对象里所有的属性：