随笔分类 -  学习笔记

只是学习的一些记录
Vue生命周期
摘要：Vue的生命周期是学习vue的基础，因此熟悉生命周期十分重要。 下面先上一张生命周期的图，对于初学者来说有图的情况下会更加好理解。 一、 beforeCreate created beforeMount mounted 输出四个钩子函数，了解其中运行的顺序。 <div id='app'> {{msg 阅读全文
posted @ 2020-12-06 17:35 Tujomila 阅读(98) 评论(0) 推荐(0)
Vue之todolist的实现
摘要：1 阅读全文
posted @ 2020-12-06 17:11 Tujomila 阅读(30) 评论(0) 推荐(0)
Vue动画效果
摘要：动画 CSS 动画用法同 CSS 过渡，区别是在动画中 v-enter 类名在节点插入 DOM 后不会立即删除，而是在 animationend 事件触发时删除。 .donghua-enter-active{ animation: donghua 5s; } .donghua-leave-activ 阅读全文
posted @ 2020-12-05 19:04 Tujomila 阅读(67) 评论(0) 推荐(0)
Vue过渡
摘要：过渡 Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡 条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点 自定义过渡的类名 我们可以通过以下 attribute 来自定义过渡类名： enter-class en 阅读全文
posted @ 2020-12-05 18:31 Tujomila 阅读(71) 评论(0) 推荐(0)
Vue表单输入绑定v-model
摘要：表单输入绑定 基础用法 v-model 在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定，它负责监听用户的输入事件以更新数据。 v-model 会忽略所有表单元素的 value、checked、selected attribute 的初始值而总是将 Vue 阅读全文
posted @ 2020-12-04 19:11 Tujomila 阅读(231) 评论(0) 推荐(0)
Vue01条件渲染 v-if v-show
摘要：Vue条件渲染 v-if 这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 <p v-if="flag">条件渲染 v-if 1111</p> 也可以用 v-else 添加一个“else 块”： v-else 元素必须紧跟在带 v-if 或者 v-else-if 的元素的后面，否则它将 阅读全文
posted @ 2020-11-30 18:54 Tujomila 阅读(104) 评论(0) 推荐(0)