码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2017-10-05 10:58:07      阅读:1180      评论:0      收藏:0      [点我收藏+]

标签:stp   理解   基础   公众号   base   ui组件   exports   logs   def   

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

标签:stp   理解   基础   公众号   base   ui组件   exports   logs   def   

原文地址:http://www.cnblogs.com/lhl66/p/7628120.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!