VUE项目注意点

Posted 2021-02-01 lianchenxi

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了VUE项目注意点相关的知识，希望对你有一定的参考价值。

1.vue组件中img标签的src属性绑定数据：

<img :src="img" alt="图片" />

//script
data() {
　　img: require(‘../../static/img/name.png‘)
}

2.mint-ui的样式文件要在router路由之前引入，否则样式无效

技术分享图片

3.vue项目中使用sass 链接

　　安装组件依赖：

npm install node-sass --save-dev
npm install sass-loader --save-dev
npm install css-loader --save-dev
npm install style-loader --save-dev

//全局引入scss
npm install sass-resources-loader --save-dev

　　编辑build下的utils.js文件：（全局引入）

return {
    css: generateLoaders(),
    postcss: generateLoaders(),
    less: generateLoaders(‘less‘),
    sass: generateLoaders(‘sass‘, { indentedSyntax: true }),
    scss: generateLoaders(‘sass‘).concat(
      {
        loader: ‘sass-resources-loader‘,
        options: {
          resources: path.resolve(__dirname, ‘../src/common/style/index.scss‘)
        }
      }
    ),
    stylus: generateLoaders(‘stylus‘),
    styl: generateLoaders(‘stylus‘)
  }