vux+vuex+vue+Es6开发微信公众号的坑

时间：2017-10-05 10:58:07 收藏：0 阅读：1180

初次开发微信公众号遇到很多问题，可能是基础不怎么牢靠，最近几天一直在看vue的东西，现在就来慢慢介绍vux和vue这个骚东西的用法：

细看文档一步步来，

npm install vux --save 安装vux这个ui框架，

vux2必须配合vux-loader使用, 请在build/webpack.base.conf.js里参照如下代码进行配置：
const vuxLoader = require(‘vux-loader‘)
const webpackConfig = originalConfig // 原来的 module.exports 代码赋值给变量 webpackConfig
module.exports = vuxLoader.merge(webpackConfig, {
  plugins: [‘vux-ui‘]
})

.vue文件中调用组件

<template>
  <div>
    <group>
      <cell title="title" value="value"></cell>
    </group>
  </div>
</template>

<script>
import { Group, Cell } from ‘vux‘
export default {
  components: {
    Group,
    Cell
  }
}
</script>

main.js中调用plugin（插件）

import { AlertPlugin, ToastPlugin } from ‘vux‘
Vue.use(AlertPlugin)
Vue.use(ToastPlugin)
// 详细使用请参考对应组件文档

个人理解vux这个UI框架就是是按需要载入这个单个的ui组件。