Vue.js教程_2

1. Object.freeze()可以阻止修改现有的属性，也意味着响应系统无法再追踪变化。参数为json对象。例如

   var obj = {foo: "bar"}
   object.freeze(obj)
   new Vue({
     el: '#app',
     data: obj
   })
   

   
       
   {{ foo }}
       
        Change it
   
   

2. 取Vue实例的属性或者方法使用$：app.$data.a

3. 生命周期包括：beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed、给了用户在不同阶段添加自己的代码的机会。

   
   
   

   生命周期
4. 文本：{{message}} 一次性插值：这个将不会改变: {{ msg }}，当数据改变时，该显示不会改变。
5. HTML语句：使用v-html，例如：

   Using v-html directive:

6. Mustache 语法不能作用在 HTML 特性上，遇到这种情况应该使用 v-bind 指令。暂时没搞懂
7. 使用 JavaScript 表达式，例如:

    {{ number + 1 }}
   
    {{ ok ? 'YES' : 'NO' }}
   
    {{ message.split('').reverse().join('') }}
   
    
   
   

8. 指令接受参数，例如：v-bind响应式地更新HTML特性。...；...
9. 指令接受动态参数，用方括号括起来的Javascript表达式。...
   动态参数预期求得的一个字符串，例如·：Vue实例中data有属性：attributeName，其值为herf，则绑定等价于v-bind:herf。异常情况下为null，显性地用于移除绑定。对动态参数表达式的约束：
   • 空格和引号放在HTML attributeName中无效，引发警告。...
   • 在DOM中使用模板(直接在HTML中撰写模板)，避免使用大写字符命名键名，浏览器会把attributeName强制转化为小写。... 转化为v-bind:[someattr]
10. 修饰符：一个指令应该以特殊方式绑定。例如：
    ...
11. 缩写
    • v-bind：等价于
    • v-on: 等价于