vue的几个注意点

1 v-for和 v-if
 当它们处于同一节点，v-for的优先级比v-if更高。

2 v-show 和 v-if
 当它们处于同一节点，v-show的优先级比v-if更高。
 而且v-if是创建或者删除这个DOM元素，而v-show则是将其的display属性更改。

3 ref
 单个的ref好写，那么v-for循环的ref怎么写呢：
 写 :ref=" ‘test’ + item.id"
 取 this.$refs[ ‘test’+id ]

4 编程式导航的query和params
 query:
  设置：this.$router.push({ path: ‘路由名’, query: { 参数 } })

  取值：this.$route.query.xxx

 params:
  设置：this.$router.push({ name: ‘路由名’, params: { 参数 } })

  取值：this.$route.params.xxx

5 nextTick适当使用，或者无效的解决办法
 我们会经常使用异步操作，而这个时候我们会想到使用nextTick，如果无效的话，可以试试定时器setTimeout。
 注意，setTimeout和setInterval的this并不是指向vue的哦

6 页面刷新vuex被清空
 这真的是遇到一个很坑的问题，同一个页面(router未改变)，一旦刷新（刷新或深度刷新），存储的vuex就马上和你说拜拜
 解决办法就是结合localStorage；或者数据重新获取，就是在需要某些数据之前先判断一下数据是否存在，如果不存在重新获取。

7 vue文件中内联样式中有无scoped属性的差别
 有scoped属性:
  当前仅当该vue文件可以使用这个样式。
 无scoped属性：
  影响其他文件，后果很严重哦

8