Vue学习心得

1.Vue 构造器中有一个el 参数,它是 DOM 元素中的 id。
2.其中vm构造器里data的属性和自定义data中的属性是相同的指向,vm构造器自带的属性也可以直接使用,但是要加$符号。

var data = { site: "菜鸟教程", url: "www.runoob.com", alexa: 10000}
var vm = new Vue({
    el: '#vue_det',
    data: data
})
document.write(vm.site === data.site) //结果是true
document.write(vm.$data === data) // true
document.write(vm.$el === document.getElementById('vue_det')) // true

3.HTML 属性中的值应使用 v-bind 指令。

菜鸟教程
菜鸟教程

告知 v-bind 指令将该元素的 href 属性与表达式 url 的值绑定,DOM中id属性与vm属性id的值绑定。
4.v-model 指令用来在 input、select、text、checkbox、radio 等表单控件元素上创建双向数据绑定,根据表单上的值,自动更新绑定的元素的值。
5.我们可以使用 methods 来替代 computed,效果上两个都是一样的,但是 computed 是基于它的依赖缓存,只有相关依赖发生改变时才会重新取值。而使用 methods ,在重新渲染的时候,函数总会重新调用执行。可以说使用 computed 性能会更好,但是如果你不希望缓存,你可以使用 methods 属性。
6.Vue.js 监听属性 watch:vm.$watch('被监听属性',function()监听函数)。

你可能感兴趣的:(Vue学习心得)