- 1、本文档内容版权归属内容提供方,所产生的收益全部归内容提供方所有。如果您对本文有版权争议,可选择认领,认领后既往收益都归您。。
- 2、本文档由用户上传,本站不保证质量和数量令人满意,可能有诸多瑕疵,付费之前,请仔细先通过免费阅读内容等途径辨别内容交易风险。如存在严重挂羊头卖狗肉之情形,可联系本站下载客服投诉处理。
- 3、文档侵权举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
;;Vue在插入、更新或者移除DOM时,能提供多种不同的过渡效果。而transition组件是通过初始状态和结束状态之间的平滑过渡实现简单动画的。
以下示例代码通过一个按钮控制p元素的显示或隐藏,并且没有使用过渡效果。
【示例13-1】代码如下。
divid=app
buttonv-on:click=show=!show
spanv-if=show隐藏/span
spanv-else显示/span
/button
pv-show=show欢迎登录/p
/div
script
varvm=newVue({
您可能关注的文档
- JavaScript Vue.js前端开发任务驱动式教程-教学大纲.docx
- JavaScript Vue.js前端开发任务驱动式教程-教案 模板八 Vue.js基础知识及应用.docx
- JavaScript Vue.js前端开发任务驱动式教程-教案 模板九 Vue.js网页模板制作.docx
- JavaScript Vue.js前端开发任务驱动式教程-教案 模板七 JavaScript事件处理及应用.docx
- JavaScript Vue.js前端开发任务驱动式教程-教案 模板十 Vue.js数据绑定与样式绑定.docx
- JavaScript Vue.js前端开发任务驱动式教程-教案 模板十二 Vue.js组件构建与应用.docx
- JavaScript Vue.js前端开发任务驱动式教程-教案 模板十三 Vue.js过渡与动画实现.docx
- JavaScript Vue.js前端开发任务驱动式教程-教案 模板十四 Vue.js路由配置与应用.docx
- JavaScript Vue.js前端开发任务驱动式教程-教案 模板十五 Vuex状态管理.docx
- JavaScript Vue.js前端开发任务驱动式教程-教案 模板十一 Vue.js项目创建与运行.docx
文档评论(0)