一些关于vue的心得

  vue，继angular、react之后又一前端框架。在使用vue开发的时候，也遇到了很多坑，希望在这里能够和大家分享，让大家在第一次使用的时候可以避开这些坑。

  1.父组件向子组件通过props传递数据的情况，在父组件里面定义数据名字的时候不能使用驼峰原则，禁止使用大写字母，可以用“-”，例如：<a :abcd="efgh"></a>，其中标红的地方就是需要注意的，不能使用大写

  2.关于指令v-if和v-show的区别，v-if和v-show都能够控制组件的显示和隐藏，区别在于v-show为false的时候页面加载的时候就会把组件加载进来，只是把组件的display属性设置为none而已，然后v-if为false的，组件是不会加载进来的，只有当值为true的时候才会把组件加载进来，所以实现按需加载就可以使用v-if，只是控制组件的显示隐藏就可以使用v-show

  3.vue会有这种情况存在，当你在数据之后添加了属性的时候，发觉视图并没有更新，实际上也就是dom结构并没有更新，那么这时候你确实是想让视图更新的，怎么办呢？不要急，使用Vue.set方法吧，Vue.set(object,key,value)，其中object是你要更新的对象，key和value就是下标和值，这样就能避开Vue不能检测属性被添加的限制

 4.关于computed和watch的比较，computed是计算属性，会被混入到vue实例中，只调用一次。watch是观察属性，vue将会在实例化的时候调用watch，遍历watch对面的每一个属性，当其中属性发生变化时，都会触发watch。以上两种都不能使用箭头函数来定义，因为箭头函数是绑定了父级作用域的上下文，此时的this并没有指向vue实例

 参考链接，vue.js:http://cn.vuejs.org/v2/guide/

  暂时想到的是这些，后面有想到会继续补充，也希望大家一起讨论，共同进步！