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文件中添加如下一行代码即可。

 

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