angular转Vue的那些坑

 大家好，我是凌飞。都说写不出好文章的全栈工程师不是一个好的程序猿。 我本是名Java软件工程师，受一位大神指导说一名好的架构师，项目经理，就应该是从前台（PS：不懂程序的朋友，可以理解为网页）到后台都懂，这样你才能考虑的方方面面，吧啦吧啦。。。。 我去新疆开始了第一个前段框架angular（是一种制作网页技术），今年到了台州学习了Vue（也是一种制作网页的技术）。 接下说正文，这里就不和没学过的人解释了！感兴趣可以去学习。从angular过度到Vue的那些坑。

 

 1变量声明 

        声明变量，尤其是string类型。在angular这三种都可以，如图下

 

    而Vue只能是这两种，如图下，前别写小写的stirng，总会引发莫名的错误，我就是因为小写string，弄的点击事件无效，花了两个小时才找出来。

2.全局变量，下面引用一定要写this

比如在data中声明一个变量，然后在方法中使用该变量一定要加this,你不加语法提示也不报错。这点我觉的就没有angular好，有好多提示都没有

3.v-for 动态数据绑定数据不刷新 

        我碰到的是页面使用v-for指令，进行遍历数据。而页面加载完形成实例后，数据才从后台那回来后页面没有刷新，后来问了我们组长才知道，原来只有使用那7个方法改变数组，才会触发更新，这点很坑。如下是官网给出的

 

目前我知道两个解决办法，1： 数据量少的话可以使用Vue.set()方法。

 

 

 

 

第二种方法，还是直接赋值，然后调用this.$forceUpdate();方法强制刷新，如图下

目前碰到的就这些，以后还会补存。

喜欢本文的朋友们，欢迎长按下图关注订阅号凌飞心得，收看更多精彩内容