Mobile components for [email protected]+.
VMC是一套针对移动端开发的组件库，适用于[email protected]+。
- 将使用频度高的组件全局化，直接注册到Vue实例化对象上；
- 全部样式基于LESS，并允许通过覆盖LESS变量的方式快速初始化组件样式；
- 可以通过属性来单独定义每个组件的样式(写到style上，这样便能覆盖在LESS中定义的全局样式)；
- 自定义的
Child元素，可以实现按需插入元素，同时给予预定义样式； - 自定义的
SlotItem元素，可以方便地自定义循环型组件（如轮播图）中显示的内容。
$ npm install vmc --saveVMC中部分组件使用了vue-touch，请确保您已经安装并使用了此插件。
在入口文件中添加以下内容：
import VMC from 'vmc';
Vue.use(VMC);通过LESS变量覆盖，可以自定义组件的一些初始样式，因此，需要手动引入LESS文件。
@import "../src/styles/vmc.less";
@import "assets/less/vmc.custom.less"; // 自定义变量覆盖，参考styles/base/variable.less直接下载dist目录下的vmc.css和vmc.js两个文件。
<link rel="stylesheet" href="vmc.css">
<div id="app">
<v-button type="success" @click="$Alert('Hello world!')">按钮</v-button>
</div>
<script src="vue.js"></script>
<script src="vmc.js"></script>
<script>
new Vue({
el: '#app'
});
</script>这种方式会自动注册全局组件，同时自动注册所有组件，无需额外操作。
$ npm run dev
命令执行之后会自动跑examples目录下的文件，用于开发调试。
$ npm run release
命令执行之后会将vmc发布到dist目录下。
$ npm run build
命令执行之后会自动将examples目录下的文件打包到docs目录下。
$ npm run docs
命令执行之后会将docs目录作为一个静态的文档服务器资源，可以从浏览器直接访问。
MIT