1. 程式人生 > >vux+vuex+vue+Es6開發微信公眾號的坑

vux+vuex+vue+Es6開發微信公眾號的坑

賦值 問題 ack 組件 公眾 rip cor 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開發微信公眾號的坑