WeUi-Vue使用手册(一)——快速上手

in WV手册 with 0 comment

安装

推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。

npm install weui-vue

引入Weui-Vue

完整引入

在 main.js 中写入以下内容:

import Vue from 'vue'
import App from './App'
import router from './router'
import WeuiVue from 'weui-vue'
import 'weui-vue/weui.css'

Vue.config.productionTip = false
Vue.use(WeuiVue)

new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: { App }
})

以上代码便完成了 Weui-Vue 的引入。需要注意的是,样式文件需要单独引入

按需引入

import Vue from 'vue'
import { Button } from 'weui-vue'

Vue.config.productionTip = false
Vue.use(Button)

开始使用

至此,一个基于 Vue 和 Element 的开发环境已经搭建完毕,现在就可以编写代码了。

启动开发模式:

执行如下命令后访问 localhost:8080

npm run dev

编译:

npm run build

各个组件的使用方法请参阅它们各自的文档。

Comments are closed.