码迷,mamicode.com
首页 > 其他好文 > 详细

vux.li 学习

时间:2016-04-19 10:08:34      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:

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

 

 

vux.li 学习

标签:

原文地址:http://www.cnblogs.com/xiaoxiaomengxiangjia/p/5406969.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!