最近商城重新做，又要重新布置手机页面制作，工欲善其事必先利其器，开始选择的是vue.js，后来又发现了他的一个组件，这个组件将很多手机效果都封装的特别好，现在就担心UI不会用，然后改各种CSS。真主保佑
先把文件分析一下：
文件夹分析：
|--src
|--demos 例子
|--examples 练习使用例子
1，先看alert，在DEMO里面看需要使用几个类，将相关类全部引入
2，看看例子是如何写的，将例子方法复制
3，调试
alert DEMO：
<template>
<div>
<group>
<switch title="Toggle" :value.sync="show"></switch>
</group>
<alert :show.sync="show" title="congratulations">Message is sent successfully~</alert>
</div>
</template>
<script>
import { Alert, Group, Switch } from ‘../components/‘
export default {
components: {
Alert,
Group,
Switch
},
data () {
return {
show: false
}
}
}
</script>
原文：http://www.cnblogs.com/xiaoxiaomengxiangjia/p/5406969.html