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