学习Vue踩过的坑

1.用Vue绑定方法的时候里面的methods：要加s！！！

2.v-on只有在事件监听(@click=" 方法名")和不需要参数时候才不要加 ( ),在胡子写法中{{ fun() }}要加括号

3.在计算属性中的if ,else if 中记得要返回那个值。

4.v-for循环遍历对象时 v-for=“(value，key) in info" 

   <li v-for="(value,key) in info">{{value}}-{{key}}</li>

循环遍历数组 v-for=”(item,index)“in names" (Vue官方推荐在添加一个 :key="item")提高性能

  <li v-for="(item,index) in names">{{index+1}}  {{item}}</li>

 -----------------------WebPack的坑-----------------------------------

1.用视频里面老师的less-loader要用相同版本的loader 包括css-loader,style-loader,less-loader

2.图片做成模块时要用url-loader 当图片小于limit(--一般8k)转成base64字符串 大于limit 用file-loader 在webpack.config.js 添加publicPath：‘dist’---url文件都会去里面找

3.图片打包完换个名字的功能：在url-loader的option里面{list:8294,name:'img/[name].[hash:8].[ext]'}---[name],[hash],[ext]都是变量会去原图片找到对应的变量替换上去

 4.安装插件的时候要看清楚是不是在项目里面安装（经常安装到根目录下）导致报错找不到模板

 

---------------------webstrom的坑------------------------------------

1.不能在ide里面打开网页 ctrl+alt+s的界面（2020.1.3版本--目测大部分版本都一样）

 

----------------------------------------------------------------实训项目遇到的坑-----------------------------------------------------------------------------

在有和网络服务器获取数据的时候，尽量都在mount里面调用数据，总线等等（千万不要在create 里面调用关于数据的方法 ）

例如：数据来了但是creat里面还没渲染 

解决方案：在mount里面调用数据，或总线

在Home里面调用/引用子组件的方法时候，肯能子组件还没加载完成 需要多加个判断

例如：