摘要：
消息订阅与发布（pubsub） 一种组件间通信的方式，适用于任意组件间通信。 使用步骤： 安装pubsub：npm i pubsub-js 引入: import pubsub from 'pubsub-js' 接收数据：A组件想接收数据，则在A组件中订阅消息，订阅的回调留在A组件自身。 method
阅读全文
posted @ 2021-11-19 19:19
leiyanting
阅读(40)
推荐(0)
编辑
摘要：
全局事件总线（GlobalEventBus） 一种组件间通信的方式，适用于任意组件间通信。 安装全局事件总线： new Vue({ ...... beforeCreate() { Vue.prototype.$bus = this //安装全局事件总线，$bus就是当前应用的vm }, ......
阅读全文
posted @ 2021-11-19 19:18
leiyanting
阅读(44)
推荐(0)
编辑
摘要：
scoped样式 作用：让样式在局部生效，防止冲突。 写法：<style scoped>
阅读全文
posted @ 2021-11-18 20:20
leiyanting
阅读(141)
推荐(0)
编辑
摘要：
功能：用于增强Vue 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。 定义插件： 对象.install = function (Vue, options) { // 1. 添加全局过滤器 Vue.filter(....) // 2
阅读全文
posted @ 2021-11-18 20:17
leiyanting
阅读(30)
推荐(0)
编辑
摘要：
mixin(混入) 功能：可以把多个组件共用的配置提取成一个混入对象 使用方式： 第一步定义混合：在src目录下创建mixin.js { data(){....}, methods:{....} .... } 第二步使用混入： 全局混入：Vue.mixin(xxx) 局部混入：mixins:[
阅读全文
posted @ 2021-11-18 20:13
leiyanting
阅读(35)
推荐(0)
编辑
摘要：
props配置项 功能：让组件接收外部传过来的数据 传递数据：<Demo name="xxx"/> 接收数据： 第一种方式（只接收）：props:['name'] 第二种方式（限制类型）：props:{name:String} 第三种方式（限制类型、限制必要性、指定默认值）： props:{ nam
阅读全文
posted @ 2021-11-18 20:11
leiyanting
阅读(225)
推荐(0)
编辑
摘要：
ref属性 被用来给元素或子组件注册引用信息（id的替代者） 应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc） 使用方式： 打标识：<h1 ref="xxx">.....</h1> 或 <School ref="xxx"></School> 获取：this.$ref
阅读全文
posted @ 2021-11-18 20:10
leiyanting
阅读(156)
推荐(0)
编辑
摘要：
组件的自定义事件 一种组件间通信的方式，适用于：子组件 > 父组件 使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中）。 绑定自定义事件： 第一种方式，在父组件中：<Demo @atguigu="test"/> 或 <Demo v-on:atgui
阅读全文
posted @ 2021-11-18 19:43
leiyanting
阅读(58)
推荐(0)
编辑
摘要：
webStorage 存储内容大小一般支持5MB左右（不同浏览器可能还不一样） 浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制。 相关API： xxxxxStorage.setItem('key', 'value'); 该
阅读全文
posted @ 2021-11-18 09:18
leiyanting
阅读(255)
推荐(0)
编辑
摘要：
关于不同版本的Vue： 1.vue.js与vue.runtime.xxx.js的区别： (1).vue.js是完整版的Vue，包含：核心功能+模板解析器。 (2).vue.runtime.xxx.js是运行版的Vue，只包含：核心功能；没有模板解析器。 2.因为vue.runtime.xxx.js没
阅读全文
posted @ 2021-11-16 20:43
leiyanting
阅读(52)
推荐(0)
编辑
