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里面调用/引用子组件的方法时候,肯能子组件还没加载完成 需要多加个判断
例如: