vux+vuex+vue+Es6開發微信公眾號的坑
阿新 • • 發佈:2017-10-05
賦值 問題 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開發微信公眾號的坑