Vue.js学以致用之遇到的那些坑

前段时间的react授权许可的闹剧告诉大家一个问题，只有自己的东西用着才放心。各大巨头也逐渐明白使用自家东西的优势。本来vue的生态就愈加火热，这次的闹剧无疑又加速了vue的发展。当下，国内越来越多的公司在使用vue，之前我也持观望态度，但最近发现，vue几乎已经是SPA的最佳方案，不学岂不可惜liao.

1.Vue.extend构造器与Vue.component注册组件的位置必须在声明Vue对象之前，否则注册组件无效。

        var pomelo=Vue.extend({
            props:['content'],
            template:'<h1>{{ content }}</h1>'
        })
        Vue.component('pomelo',pomelo)
        ////应在此之前注册构造器组件
        new Vue({
            el:"#div1",
            data:{
                message:"hello,world !",
                test:"pomelott"
            }
        })

  2. 2.x版本后，后期在对data进行修改时，以下两种方法已经无效：

vm.$set("items[0]",{"name":"pomelo"})     //无效
vm.items.$set(0,{"name":"pomelo"})   //无效

官方最新文档中，可通过Vue.set(target,key,value)修改数据

vm.$set(vm.items[0],"name","pomelo");     //有效