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

初次开发微信公众号遇到很多问题,可能是基础不怎么牢靠,最近几天一直在看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组件。

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

上一篇:微信小程序一键生成源码 在线制作定制功能强大的微信小程序


下一篇:ruby mvc运行原理