FrontEndEngineer的博客

css3动画；javascript动画；vue过渡动画

组件的生命周期与高级配置组件Props属性的高级用法组件Mixin技术使用自定义指令使用组件的Teleport功能开发全局弹窗

所有支持v-model指令的组件中默认都会提供一个名为modelValue的属性，而组件内部的内容变化后向外传递的事件为update:modelValue。好的开发模式是将组件内部的逻辑在组件内部处理掉，而需要调用方处理的业务逻辑属于组件外部的逻辑，将其传递到调用方处理，上例可以改为。在props为组件添加外部属性，在template模板中，可以用访问内部属性的方式访问定义的外部属性。component是一个特殊的标签，其通过is属性来指定要渲染的组件名称。四、动态组件的简单应用。

上面示例的系统修饰符只要满足条件就会触发，以鼠标按下事件为例，只要满足用户按下了Ctrl键的时候按下了鼠标按键就会触发。系统修饰符的使用意义是只有当用户按下这些键时，对应的键盘或鼠标事件才能触发，在处理组合键指令时经常会用到。Vue中使用@click的方式绑定事件时，默认监听的是DOM事件的冒泡阶段（从子组件到父组件）在页面触发一个单击事件时，事件从父组件依次传递到子组件的过程为事件捕获。在事件捕获的基础上，再逆向的进行一轮传递，这一过程为事件冒泡。举例二：当用户按下Alt键的同时，再按下回车键才会触发。

表单数据的双向绑定样式绑定

3.1 属性与方法基础3.2 计算属性和侦听器3.3 函数限流

v-if指令可以和v-else指令结合使用，设置了v-else指令的元素必须紧跟在v-if或v-else-if指令的后面，否则将不会被识别；在v-if与v-else之间，可以插入任意个v-else-if来实现多分支渲染逻辑。index索引的取值是从0开始的，当同时循环渲染多个元素时，与v-if指令类似，推荐使用template标签进行包装。本质上，Vue中的模板指令也是html标签属性，通常以“v-”开头，v-bind、v-on等都是指令；v-on可以将前缀v-on:使用@符号代替，如。

Vue3新特性