VUE项目习得VUE项目打包后出现白屏，首先F12查看页面元素，看是否都已加载，如果没有加载，则查看路由加载是否正确，确

增加和删除可以公用一个组件，然后在index.vue中传入mark属性，根据mark属性确定公共组件的title为新增或者修改；
修改表格中某一行，如何获取该行？

<el-table-column
      fixed="right"
      label="操作"
      width="100">
      <template slot-scope="scope"> // 利用scope,scope中带有row,column, $index等信息
        <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
        <el-button type="text" size="small">编辑</el-button>
      </template>
</el-table-column>

watch 只要属性发生变化，就会执行handle回调（也就是你写的属性观察函数）
代理拦截在src/api/axios.js中定义baseURL，编写request 拦截器，response 拦截器，错误提示等信息；写好getInterface, postInterface, putInterface, deleteInterface等接口（主要是代理get,put,post,delete等操作，添加try catch块，成功则执行回调，失败则捕获错误日志等）在src/api/index.js中编写具体的查询接口的函数get####Info；；；此后在所有组件中，可在具体的点击等事件中可引用以上get####Info方法
v-for 为什么一定要加:key？且key最好不要是index？
如何实现el-table在当前表格内实现新增、修改和删除? https://www.jianshu.com/p/cba4761de6ef

https://www.jianshu.com/p/160c451b447d

el-table,在当前表格内实现新增、修改和删除，数据更新后，页面没有同步刷新？

 // 这里不能这么做：
vm.master_user.tableData = data.records;
vm.master_user.tableData.forEach((item) => {
   item.isSet =false;
 });
// 因为这里顺序有问题，先赋值就是先监听，vue中直接为新增的对象添加一个属性，这个熟悉是不会被监听的

 应改为

  vm.master_user.tableData = data.records.map(item => {
    item.isSet =false;
    return item;
  });

https://segmentfault.com/q/1010000019568860

VUE消息总线可在 main.js中添加 Vue.prototype.$bus = new Vue()// 一个不带dom的vue实例，轻巧 然后可以在任意页面中添加 this.$bus.$emit("eventName", obj); // 一般是对象生成的地方 在其他页面中可以接收到此事件 this.$bus.$on("eventName", obj => { console.log(obj);}) 注意在使用结束后需销毁事件 this.$bus.$off("eventName")或者this.$bus.$off()移除所有事件
VUE项目打包后出现白屏，首先F12查看页面元素，看是否都已加载，如果没有加载，则查看路由加载是否正确，确保每个路径下对应的组件都正确加载，另，当目录下存在index.js和index.vue时，如果引入方式如下@/views/index未指定index.vue时，浏览器会默认优先加载index.js，导致页面渲染空白。