摘要：
Vue 过渡动画 单个元素与多个元素过渡 集成第三方过渡动画 单个元素过渡 <template> <div class="header"> <button @click="toggle">显示/隐藏</button> <transition name="island" appear> <div v- 阅读全文
摘要：
$nextTick $nextTick在下一次dom更新结束之后执行 数据改变后，如果要基于新数据的dom去做一些事情，使用$nextTick，操作$nextTick的回调去处理 案例 editTask(item) { if (Object.prototype.hasOwnProperty.call 阅读全文
摘要：
消息订阅与发布 订阅: pubsub.subscribe(name,callback) 发布: pubsub.publish(name,payload) 取消订阅: pubsub.unsubscribe(id) 案例 App.vue <script> import pubsub from "pubs 阅读全文
摘要：
全局事件总线 事件总线其实就是vm或vc. 可以在任意组件之间通信。 具体实现是在beforeCreate里面将vm挂到Vue.prototype上去，因为VueComponent.prototype.proto Vue.prototype 在组件的beforeDestory中要把事件总线订阅的事件 阅读全文
摘要：
组件自定义事件 事件解绑 组件销毁 组件标签上绑定事件，相当于给vc绑定自定义事件，此时用$emit触发. 组件内元素上绑定事件，事件的回调可以写在methods里面 子传父 v-on|once + $emit mounted + ref + $emit 案例 App.vue <template> 阅读全文
摘要：
需要js手动设置inpu的indeterminate属性为true input:indeterminate::after { content: ""; display: block; height: 3px; width: 7px; margin: 40% auto; background-colo 阅读全文
摘要：
Vue scoped lang scope: 样式作用域，防止组件样式污染 lang: 选择css扩展语言，如less <style scoped></style> <style lang="less"></style> 阅读全文
摘要：
Vue plugin 插件 插件用于增强Vue 插件本质上是一个具有install方法的对象，install方法中可以拿到一个Vue实例和一个使用者传递的options作为参数，在这个方法里去增强 定义插件 export const myPlugin = {install(Vue,options){ 阅读全文
摘要：
Vue mixins 混入： 把多个组件共用的配置抽取成一个混入对象 全局混入：Vue.mixin(xxx) 局部混入：mixins:[xxx] 数据冲突，以组件生命的数据为主 生命钩子重复，mixin和组件的生命钩子都触发，并且mixin中的钩子先执行 定义mixin export const m 阅读全文
摘要：
Vue props props主要是接收外部传进来的属性 外部传进来的属性不允许直接改，如果一定要改，请复制一份props的数据到data中，修改data 声明属性 <Island name="island1" :age="18" sex="male" /> <Island name="island 阅读全文