vue-weui

最新推荐文章于 2024-03-15 17:07:37 发布

东边的小山

最新推荐文章于 2024-03-15 17:07:37 发布

阅读量6.7k

点赞数 1

分类专栏： vue

103 篇文章 5 订阅

订阅专栏

vue-weui中组件与css完全解绑，既给予了开发者自主性和灵活性，也能最大限度减少文件大小。安装css方法如下：

npm install --save weui

之后，只需在页面中引入dist/style/weui.css或者dist/style/weui.min.css其中之一即可. 例如:

<head>

</head>

npm install vue-weui --save

ES6

// 引用所有组件

import VueWeui from 'vue-weui';

export default {

components: VueWeui

};

// 引用部分组件

import {Dialog} from 'vue-weui';

// 或

// 只引用需要的文件，减少文件大小

import Dialog from 'vue-weui/components/dialog/dialog.vue';

export default {

components: {

Dialog

}

};

CommonJS

var Dialog = require('vue-weui').Dialog;

// 或

var Dialog = require('vue-weui/components/dialog/dialog.vue');

new Vue({

components: {

'dialog': Dialog

}

});

git clone https://github.com/adcentury/vue-weui
cd vue-weui && npm install
npm start

open http://localhost:8080 in browser

关注