vux.li 学习

最近商城重新做，又要重新布置手机页面制作，工欲善其事必先利其器，开始选择的是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>