zoukankan      html  css  js  c++  java
  • 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')
      }

    打包:

    修改config文件夹下的index.js文件:(两处)

    修改build文件夹下的utils.js文件:

     修改build文件夹下的webpack.base.conf.js文件

  • 相关阅读:
    [51nod 1135] 原根
    [CF1303F] Number of Components
    [CF1303E] Erase Subsequences
    [CF1303D] Fill The Bag
    子域名收集的一些姿势
    使用phpstorm+wamp实现php代码实时调试审计
    XSS小游戏通关Writeup
    Exif xss
    xss的一个tip
    应急响应
  • 原文地址:https://www.cnblogs.com/lianchenxi/p/10231455.html
Copyright © 2011-2022 走看看