摘要：vue动画 过渡 进入/离开 dom元素从进入到消失，用按钮绑定@click事件，动态控制文本显示。需要动态显示的元素放在transition标签内，v-enter-active与.v-leave-active描述的状态是从进入到元素被插入的这一动态过程，.v-enter（.v-enter-to）则 阅读全文

摘要：vue声明周期 对vue生命周期简单了解 初始化阶段 ​ beforeCreate ​ Created ​ beforeMount ​ mounted 数据更新阶段 ​ beforeUpdate ​ updated 销毁 ​ beforeDestroy ​ destroyed 代码说明： 页面显示按 阅读全文

摘要：事件处理 绑定监听 <h1>1.绑定监听</h1> <button @click="test1">test1</button> <button @click="test2('abc')">test2</button> <button @click="test3">test3</button> <!- 阅读全文

摘要：条件渲染 v-if 与 v-if <div id="demo"> <p v-if="ok">成功了</p> <p v-else>失败了</p> <button @click="ok=!ok">切换</button> <p v-show="ok">v-show显示成功</p> <p v-show="! 阅读全文

摘要：模板语法： 插值表达式 {{}}取vue实例中data的属性值 {{}}支持计算和函数 v-text 修改标签文本 v-html 会将文本解析成html <p>{{msg}}</p> <p>{{msg.toUpperCase()}}</p> <p v-text="msg"></p> <p v-htm 阅读全文