H5 QQUI框架 以及H

找到一个牛逼的 H5框架
http://frozenui.github.io/components/function#%E8%B6%85%E5%87%BA%E6%88%AA%E6%96%AD

<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> //引用VUE
<link href="https://cdn.jsdelivr.net/npm/animate.css@3.5.1" rel="stylesheet" type="text/css"> //动画库



<div id = "databinding" > //Vue相应DIV ID被单击
<button v-on:click = "show = !show">点我</button>

<transition   //动画标签
    name="custom-classes-transition"  //动画库类
    enter-active-class="animated lightSpeedIn" //载入动画时的动画
    leave-active-class="animated lightSpeedIn" //结束动画时的动画
>
    <p v-if="show">菜鸟教程 -- 学的不仅是技术，更是梦想！！！</p>
</transition>

</div>

<script type = "text/javascript">
new Vue({
    el: '#databinding',
    data: {
        show: true
    }
})
</script>