Vue(二)

----------------------------------

用户会看到花括号标记:
    
    v-cloak        防止闪烁, 比较大段落

---

 

计算属性的使用:

用来存储和处理数据

第一种用法：

想要修改计算属性是值时候用以下（上面那种的默认调用get方法）不能直接修改值，只能修改中间值

参数value就是b=的值

 * computed里面可以放置一些业务逻辑代码，一定记得return

 

---

vue实例简单方法:

    vm.$el    ->  就是元素

    vm.$data  ->  就是data
    vm.$mount ->  手动挂在vue程序 //此时可以不写el 

 

    vm.$mount("#box");

    vm.$options    ->   获取自定义属性
    vm.$destroy    ->   销毁对象

    vm.$log();    ->  查看现在数据的状态

---------------------------------

$set $delete

修改data中的对象(json)的属性

 

循环：
    v-for="value in data"

    会有重复数据？
    track-by='索引'    提高循环性能

    track-by='$index/uid'   //在标签里面加入可以循环添加数据

-------------------------------

自定义指令:
    属性:

    Vue.directive(指令名称(不用写v-),function(参数){
        this.el    -> 原生DOM元素
    });

    <div v-red="参数"></div>  //使用的时候必须写v-

    指令名称:     v-red  ->  red(指令名只用写red)

    * 注意: 必须以 v-开头

 -------------------------------

@keydown.up
@keydown.enter

@keydown.a/b/c....

自定义键盘信息:
    Vue.directive('on').keyCodes.ctrl=17;
    Vue.directive('on').keyCodes.myenter=13;

在2.0里面

    Vue.config.keyCodes.ctrl=17

------------------------------------------------

监听数据变化:

监听单个数据的变化（与计算属性不同，计算属性可以监听多个）

watch:只有name变化了才触发，computed:name和age任意一个变化都可以触发

如果数据为一个对象即json时，监听其属性的变化要用以下形式

 

外部引用：

    vm.$el/$mount/$options/....

    vm.$watch(name,fnCb);  //浅度
    vm.$watch(name,fnCb,{deep:true});  //深度监视 当name为json的时候要用