初学者入门Vue第3篇
Vue的操作watch监听自定义指令filters过滤Vue选项动画插槽组件
vue操作
让指令链接数据与dom
业务操作数据,实现自动更新dom
watch监听
监听数据的变化执行回调函数
自定义指令
作用:1.操作dom 2.实例化第三方基于都dom的插件
<input v-focus="true">
update:更新就执行
bind:绑定一次
inserted:插入
filters过滤,管道
{{3.1415926| fix}}
{{3.1415926| fix(4)}}
val是过滤前的值
return过滤后的值
len fix 过滤器的参数
作用:格式化数据
Vue选项
el模板
data数据
methods方法
dirctives指令
filters过滤
watch监听
computed计算
components组件
template模板
props属性
created创建完毕
动画
两个状态形成过滤
进入,和离开v-show / v-if
transition-group动画组
属性:tag用什么标签包裹所有的动画组元素
产生状态与类:通过transition v-move正在移动中的元素
transition单个动画元素
属性:1.name名称
2.enter-active-class="fadeIn animated" 指令进入class
3.leave-active-class 指令离开class
产生状态与类
1.v-enter-active进入整个状态
v-enter进入开始状态
v-enter-to进入结束状态
2.v-leave-active
v-leave
v-leave-to
组件
作用:1.组件是vue的一个重要的特点
2.实现多人协作开发
3.通过组件划分降低开发的难度
4.实现复用性,降低重复劳动
组件解释:组件就是定义好的--功能模块 建议:多用props,少用组件中使用data(降低组件的耦合性)
定义与使用
父传子
子传父
this.$emit("update:visible",false)
父监听事件,修改值 <modal @update:visible="visible=$event">
插槽
插槽:组件的嵌套内容
更多推荐
所有评论(0)