VUE常见问题解决

1.vue模板加载顺序

computed：例如分页的配置；

created：dom加载前一般用来生成dom

mounted：dom加载后用来覆盖渲染或者基于dom的操作

2.关于this指向的问题

通常的做法是在方法内部定义一个变量： let  _this =  this

也可以按照es6的写法：

iter(){

     this .list.map((v, k) => {

       if  (k ===  this .idx) {

         this .current = v

         console.log( this .current)

       }

     })

   }

3.资源引入

多种方式方法：可以通过标签直接引入，也可以import引入；

此处多出现的问题是静态资源的加载会影响打包后的效果，导致加载失败：

改变本地配置路径：在config文件夹下的index.js中修改 assetsPublicPath: './'

打开webpack.prod.conf.js

找到output：增加 publicPath: './', 即可，

还有可能是在css中的背景

静态背景图片加载失败处理：只需要在build/utils.js文件中添加如下一行代码即可。

今天就先分享这些，有疑问的伙伴可以留言