VUX的安装使用

VUX 的安装使用

1. npm i vux -S
2. 安装 vux-loader npm i vux-loader -D
3. vux 是使用的 less 安装 less npm i less less-loader -D
4. 在 build/webpack.base.conf.js 中 添加配置

    const vuxLoader = require('vux-loader')
    const webpackConfig = originalConfig // 原来的 module.exports 代码赋值给变量 webpackConfig

    module.exports = vuxLoader.merge(webpackConfig, {plugins: ['vux-ui']
    })

    originalConfig 就是原本 webpack.base.conf.js 中 module.exports 等号后面的所有内容

1. 在 goodslist 中引入 scroller

        import {Scroller} from 'vux'

        export default {
            components: {Scroller}
        }

1. 在 template 中添加 html 代码

    <scroller lock-y :scrollbar-x=false>
      <div class="box1">
        <div class="box1-item" v-for="i in 7"><span>{{'' + i +' '}}</span></div>
      </div>
    </scroller>

1. 需要自己去添加浮动 来使标签在一行上显示

.box1 {
width: 750px;
.box1-item {

float: left;
span {
  display: block;
  width: 50px;
}

}
}