Vue学习

在vue项目中实现jsonp请求,在vue项目中实现jsonp请求,在vue项目中实现jsonp请求,在vue项目中实现jsonp请求

Vue3+Ts项目导入第三方包或js文件，记录以供不时之需，记录以供不时之需，记录以供不时之需，记录以供不时之需

新建request.js文件,导入axios 创建一个axios的实例 设置请求拦截器 设置响应拦截器 导出axios实例

当使用路由传参进行页面切换或数据请求,且路由的路径path没有发生变化时，由于路由的组件复用机制，路由对应的组件会被缓存起来直接复用，也就是生命周期钩子函数不再执行，钩子函数中的请求不会再次发起,数据

当使用路由传参进行页面切换或数据请求,且路由的路径path没有发生变化时，由于路由的组件复用机制，路由对应的组件会被缓存起来直接复用，也就是生命周期钩子函数不再执行，钩子函数中的请求不会再次发起,数据

注册全局组件 Vue3注册全局组件方式: Vue2注册全局组件方式: 通过对比两种方式并无太大区别,都是在main.js中注册 自定义指令 与注册全局组件相似

通过setup()函数通信 在Vue3中,$on被移除,且setup函数中this指向undefined,并不指向Vue实例对象,所以无法使用Vue2中this.$emit()方法进行父子通信,但可以

在setup函数中使用计算属性函数 根据现有响应式数据经过一定的计算得到全新的数据 有两种方式: 方式一: 方式二: 注意:要从vue实例中引入computed 在setup函数中使用watch侦听器

toRefs 函数 在之前reactive函数的使用中,想在模板中省略state，直接书写name和age，想在return出去的时候把state中的属性直接解构出来, 解构前: 解构后: 修改时页面

setup函数 reactive函数 ref函数 ref 函数可以接收一个简单类型的值，返回一个可改变的 ref 响应式对象，从而弥补reactive函数不支持简单类型的问题 reactive和ref