Vue使用过程中遇到的bug及解决方法

1. 用event.target操作当前元素出现bug，改为用event.currentTarget。

2. data数据更新之后渲染页面是异步的，所以要在$nextTick里面，DOM元素更新之后再操作DOM

3. v-cloak解决网络不好时页面显示双花括号{{}}问题

<template>
  <div id="app">
    <div v-cloak>{{ item.title }}</div>
  </div>
</template>

<style>
  [v-cloak] {
      display: none;
  }
</style>

4. v-pre跳过组件和子组件的编译过程

比如<span v-pre>{{ instead }}</span>渲染出来的是{{ instead }}字符串，不会再js中找instead这个数据

5. element的navMenu导航菜单的index不能用数字，而要用字符串。

    解决办法： :index = "index + ‘’"    转化成字符串

6. 

vue中main.js一引入sass文件就报错提示路径找不到或者依赖找不到，是因为webpack.base.conf.js中{

        test: /\.scss$/,

        loaders: ["style", "css", "sass"]

      }

重复配了，把它删掉就好了（新版的vue-cli默认配置了这个）

7. 所有的v-if最好都加上key，否则因为相同标签元素复用会导致意想不到的bug