这里有你不知道的vue3知识

Vue基本入门

内容渲染：

v-text

v-html

属性绑定

v-bind:

使用js表达式

事件绑定指令

事件对象

事件修饰符

键盘修饰符

双向绑定

条件渲染指令

列表渲染指令

过滤器

组件

var changeSpeed = document.querySelector('.bilibili-player-video-btn-speed-menu-list');
changeSpeed.setAttribute('data-value',3);// 这里设置需要的倍数
changeSpeed.click();

vite的使用

template各个节点

组件引用方式

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cRavxUdJ-1633917307256)(Vue3.0.assets/image-20211007091423505.png)]

解决组件之间样式冲突问题

组件传值：props

动态绑定class

props验证

Computed

自定义事件

组件上的v-model

Watch

组件的生命周期

tip：为什么不在beforeCreate发送ajax请求？

beforeCreate:组件还没有在内存中生成，ajax请求后的数据没有地方放

组件之间的共享数据

兄弟组件之间实现数据共享的方案是 EventBus。可以借助于第三方的包 mitt 来创建 eventBus 对象，从而实
现兄弟组件之间的数据共享。示意图如下：

3.2 创建公共的 EventBus 模块
在项目中创建公共的 eventBus 模块如下 ：

在数据接收方，调用 bus.on(‘事件名称’, 事件处理函数) 方法注册一个自定义事件。示例代码如下 ：

在数据发送方，调用 bus.emit(‘事件名称’, 要发送的数据) 方法触发自定义事件。示例代码 ：

​ 后代关系组件之间的数据共享
后代关系组件之间共享数据，指的是父节点的组件向其子孙组件共享数据。此时组件之间的嵌套关系比较复杂，
可以使用 provide 和 inject 实现后代关系组件之间的数据共享 ：

VUEX

asios封装

ref：

组件是异步执行更新的

动态组件

slot

解构：

自定义指令

路由

路由使用

路由重定向

自定义高亮的clss类

嵌套路由的使用

动态路由匹配

对路由进行改造

​

编程式导航：

命名路由

导航守卫

获取浏览器缓存中的数据

vue-cli

vue ui

命令行

router 3.0版本的使用

组件库

element ui

局部引入：

element ui 导入注册封装为独立的模块

把组件的导入和注册封装为独立的模块

Vue2的axios拦截器配置

安装axios:npm i axios -S

CORS跨域问题：

配置proxy代理：