VUE初学习笔记

//指令
v-if="shown"
v-for="item in items"
v-bind:title="message"
v-pre 跳过没有指令的编译，加快编译速度
v-once 只渲染元素和组件一次，用于优化更新性能
v-bind简写冒号:
v-on简写 @

//使用
var app = new VUE({
    el: '#myapp',
    data: {
        message: 'Hello VUE!'  
    }
})   

//注册一个全局组件
VUE.component('to-item', {
    props: ['todo'],
    template: '
{{todo.message}}
'
})

//其他
//计算属性有缓存，method没有缓存，对于比较耗费性能的最好用计算属性

2018.09.27

new VUE({
    props: Array | Object,
    data(){}, // 使用箭头函数的话 this不再指向vue实例
    data: vm => {a: vm.someAttr}, // 但可以通过参数获取
    methods: {
        a: () => {this.xxx...} // 不应该使用箭头函数来定义method 因为this绑定的是父级作用域
    },
    watch: {
        name(){}, // 同样不应使用箭头函数
    },
    el: docElement, // 根实例
    render(){}, // render函数优先于template
    template: '',
})
1. 对于data属性中的 _ 或者 $开头的属性，不会代理，即通过this._xxx获取不到，但可以通过this.$data._xxx来获取
2. vue API中的函数一般不使用箭头函数