摘要:
1、vue 内置指令 v-test 更新元素的textContent v-html 更新元素的innerHTML v-if 如果为true,当前标签才会输出到页面 v-else 如果为true,当前标签才会输入到页面 v-show 通过控制display样式来控制显隐 v-bind 强制绑定解析表达 阅读全文
posted @ 2020-04-25 20:26
recommencer
阅读(164)
评论(0)
推荐(0)
摘要:
过滤器是对即将显示的数据做进一步的筛选处理,然后进行显示,值得注意的是过滤器并没有改变原来的数据,只是在原数据的基础上产生新的数据。 过滤器的使用: 1、定义全局过滤器 在main.js中配置全局过滤器: import moment from 'moment' Vue.filter('dateFor 阅读全文
posted @ 2020-04-25 20:15
recommencer
阅读(170)
评论(0)
推荐(0)
摘要:
步骤: ①在目标元素外包裹<transition name="xx"> ②定义class样式 指定过度样式:transition 指定隐藏时样式:opacity/其他 注意事项: 1、需要过渡的元素要有 v-if 或者是 v-show 切换 2、将需要添加过渡效果的元素用 <transition>< 阅读全文
posted @ 2020-04-25 20:00
recommencer
阅读(157)
评论(0)
推荐(0)
摘要:
每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期 生命周期三个大的阶段1|初始化显示;2更新显示;3死亡。每个阶段就会调用对应的生命周期函数。vue中叫钩子函数 beforeCreate created beforeMount mounted beforeUpdat 阅读全文
posted @ 2020-04-25 19:56
recommencer
阅读(289)
评论(0)
推荐(0)
摘要:
v-model 指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。 v-model 并不关心表单控件初始化所生成的值。因为它会选择 Vue 实例数据来作为具体的值 <template> <!-- 表单数据自动收集 --> <div> <form action="/x 阅读全文
posted @ 2020-04-25 19:50
recommencer
阅读(536)
评论(0)
推荐(0)

浙公网安备 33010602011771号