自己做黄网站犯法吗百度竞价推广费用

vue开发过程中遇到的一些小问题、小技巧等，会不断更新~

记录不详细处，欢迎留言?

1.设置路径别名，以后再引入static/util/Geometry.js 文件时可以这样写：

import geometry from '@/util/Geometry'

 

2.使用前端组件引入自定义标签时eslint会报错，可以加入一下配置忽略检查

'vue/no-parsing-error': [2, { "x-invalid-end-tag": false }]

 

3.打包后部署出现空白页，修改assetsPublicPath

 

4.iview图标build后不显示的问题

 修改webpack.prod.conf.js文件  extract: false

const webpackConfig = merge(baseWebpackConfig, {
  module: {
    rules: utils.styleLoaders({
      sourceMap: config.build.productionSourceMap,
      extract: false,
      usePostCSS: true
    })
  },

或者修改build/utils文件，添加

publicPath: '../../'配置

 // Extract CSS when that option is specified
    // (which is the case during production build)
    if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        publicPath: '../../', // 解决打包后iView的icon不显示的问题
        fallback: 'vue-style-loader'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }

 

5.开启Gzip

 

6.修改数组vue不能侦测到变化

例如，需要修改数组最后一项的值，可以这样

// 不可以直接使用this.layers[index][2] = '',这样VUE侦听不到数组的变化，不会触发view变化
this.layers[index].pop()
this.layers[index].push('')

不过，vue对数组进行了增强，可以更优雅：

Vue.$set(array,  index,  value)
this.$set(array,  index,  value) // 实例中使用