IslandZzzz - 博客园

2022年2月11日

摘要：消息订阅与发布订阅: pubsub.subscribe(name,callback) 发布: pubsub.publish(name,payload) 取消订阅: pubsub.unsubscribe(id) 案例 App.vue <script> import pubsub from "pubs 阅读全文

posted @ 2022-02-11 21:02 IslandZzzz 阅读(225) 评论(0) 推荐(0)

Vue 全局事件总线

摘要：全局事件总线事件总线其实就是vm或vc. 可以在任意组件之间通信。具体实现是在beforeCreate里面将vm挂到Vue.prototype上去，因为VueComponent.prototype.proto Vue.prototype 在组件的beforeDestory中要把事件总线订阅的事件阅读全文

posted @ 2022-02-11 20:42 IslandZzzz 阅读(204) 评论(0) 推荐(0)

Vue自定义事件事件解绑与销毁

摘要：组件自定义事件事件解绑组件销毁组件标签上绑定事件，相当于给vc绑定自定义事件，此时用$emit触发. 组件内元素上绑定事件，事件的回调可以写在methods里面子传父 v-on|once + $emit mounted + ref + $emit 案例 App.vue <template> 阅读全文

posted @ 2022-02-11 20:42 IslandZzzz 阅读(1567) 评论(0) 推荐(0)

2022年2月10日

自定义input框全选/半选样式

摘要：需要js手动设置inpu的indeterminate属性为true input:indeterminate::after { content: ""; display: block; height: 3px; width: 7px; margin: 40% auto; background-colo 阅读全文

posted @ 2022-02-10 19:43 IslandZzzz 阅读(466) 评论(0) 推荐(0)

2022年2月9日

Vue scoped lang

摘要： Vue scoped lang scope: 样式作用域，防止组件样式污染 lang: 选择css扩展语言，如less <style scoped></style> <style lang="less"></style> 阅读全文

posted @ 2022-02-09 20:22 IslandZzzz 阅读(31) 评论(0) 推荐(0)

Vue plugin 插件

摘要： Vue plugin 插件插件用于增强Vue 插件本质上是一个具有install方法的对象，install方法中可以拿到一个Vue实例和一个使用者传递的options作为参数，在这个方法里去增强定义插件 export const myPlugin = {install(Vue,options){ 阅读全文

posted @ 2022-02-09 20:11 IslandZzzz 阅读(274) 评论(0) 推荐(0)

Vue mixins 混入

摘要： Vue mixins 混入：把多个组件共用的配置抽取成一个混入对象全局混入：Vue.mixin(xxx) 局部混入：mixins:[xxx] 数据冲突，以组件生命的数据为主生命钩子重复，mixin和组件的生命钩子都触发，并且mixin中的钩子先执行定义mixin export const m 阅读全文

posted @ 2022-02-09 20:09 IslandZzzz 阅读(45) 评论(0) 推荐(0)

Vue props

摘要： Vue props props主要是接收外部传进来的属性外部传进来的属性不允许直接改，如果一定要改，请复制一份props的数据到data中，修改data 声明属性 <Island name="island1" :age="18" sex="male" /> <Island name="island 阅读全文

posted @ 2022-02-09 16:32 IslandZzzz 阅读(68) 评论(0) 推荐(0)

Vue ref

摘要： Vue ref 用于获取组件实例 <template> <div id="app"> <HelloWorld ref="ref1" /> <h1 @click="show">点我输出ref</h1> </div> </template> <script> import HelloWorld from 阅读全文

posted @ 2022-02-09 16:01 IslandZzzz 阅读(31) 评论(0) 推荐(0)

2022年2月3日

js 面试题 a.x = a = { n: 2 }

摘要： let a = { n: 1 } a.x = a = { n: 2 } console.log(a.x); /** 这道题打印undefined 第一行开辟了堆内存o1, 存储{n:1} 第二行 a.x 指向后续的运算结果，即此时o1.x = undefined a = {n:2}, 即开辟了堆阅读全文

posted @ 2022-02-03 11:36 IslandZzzz 阅读(111) 评论(0) 推荐(0)