摘要：
1、作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间的通信方式，适用于父组件==》子组件 2、分类：默认插槽、具名插槽、作用域插槽 3、使用方式： （1）、默认插槽 父组件中： <Category> <div>html结构 </div> </Category> 子组件中： <tem 阅读全文
posted @ 2023-06-08 17:50
webHYT
阅读(29)
评论(0)
推荐(0)
摘要：
关于VueComponent： 1、组件本质是一个名为VueComponent的构造函数，并且不是程序员定义的，是Vue.extend生成的 2、我们只需要写组件引入<Demo />,Vue解析时会帮我们创建demo组件的实例对象，即Vue帮我执行的： new VueComponent(option 阅读全文
posted @ 2023-06-08 17:33
webHYT
阅读(69)
评论(0)
推荐(0)
摘要：
1、一种组件间通信的方式，适用于任意组件间通信，适用于任意前端框架 2、使用步骤： （1）、安装pubsub：npm i pubsub-js （2）、引入：import pubsub from ‘pubsub-js’ （3）、接收数据：A组件想要接收数据，则在A组中订阅消息，订阅的回调留在A组件自身 阅读全文
posted @ 2023-06-08 17:23
webHYT
阅读(110)
评论(0)
推荐(0)
摘要：
Vue全局事件总线1、一种组件间通信的方式，适用于任意组件间通信。 2、安装全局事件总线 // main.js 中 安装全局事件总线 new Vue({ render: h => h(App), beforeCreate() { Vue.prototype.$bus = this // 安装全局事件 阅读全文
posted @ 2023-06-08 17:15
webHYT
阅读(104)
评论(0)
推荐(0)
摘要：
前言 实际业务中经常需要使用到本地存储，本文的webStorage指的是localStorage和sessionStorage 阅读全文
posted @ 2023-06-08 17:03
webHYT
阅读(33)
评论(0)
推荐(0)
摘要：
组件的自定义事件： 1、一种组件间的通信方式，适用于：子组件 》父组件 2、使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件回调在A中） 3、绑定自电影事件： （1）、第一种方式：在父组件中：<MyTest @myHandle="test" /> 或 <MyT 阅读全文
posted @ 2023-06-08 16:57
webHYT
阅读(45)
评论(0)
推荐(0)
摘要：
一、定义语法 （1）、局部指令： .... methods: {}, directives: { // 局部指令写法一 big(el, binding) { // el 被绑定的元素 // binding 被绑定的对象值 console.log(el, binding) }, // 局部指令写法二 阅读全文
posted @ 2023-06-08 16:40
webHYT
阅读(105)
评论(0)
推荐(0)
浙公网安备 33010602011771号