版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/a1057962851/article/details/84789734
找到一个牛逼的 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/[email protected]" 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>