vue3.0
文章平均质量分 60
ych!
这个作者很懒,什么都没留下…
展开
-
vue内置组件<component> :实现动态组件
1.描述component是vue的一个内置组件相当于是一个占位符目的是实现动态组件的效果通过绑定 ”is” 属性,选择哪个组件被渲染出来2. 属性props:is -string|ComponentDefinition|ComponentConstructor3. 用法渲染一个“元组件”为动态组件。依 is 的值,来决定哪个组件被渲染。<!-- 动态组件由 vm 实例的 `componentId` property 控制 --><component :is="原创 2021-05-17 15:33:15 · 1132 阅读 · 2 评论 -
vue+axios+egg请求403
axios请求一直报403百度之后有看到一些说法:1.一些解决办法?设置全局post请求的Content-Type值为"text/plain",然后在发送请求的时候需要对JSON数据进行stringify转化一下 axios.defaults.headers.post['Content-Type'] = 'text/plain';试了之后,发现不行,最终发现问题提示:invalid csrf token. See https://eggjs.org/zh-cn/core/security.ht原创 2021-03-22 11:17:19 · 551 阅读 · 0 评论 -
Vue3.0系列(响应式数据的本质:Proxy)
1.Vue3响应式数据本质在Vue2.x中是通过defineProperty来实现响应式数据的Object.definePorperty()递归遍历所有对象的所有属性,当数据层级较深时,会造成性能影响。Object.definePorperty()只能作用在对象上,不能作用在数组上。Object.definePorperty()只能监听定义时的属性,不能监听新增属性。在Vue3.x中是通过Proxy来实现响应式数据的什么是proxy?Proxy对象用于定义基本操作的自定义行原创 2021-02-02 09:37:51 · 613 阅读 · 0 评论 -
Vue3.0系列(Composition API 的补充)
上一篇我们说了ref 和 reactive创建数据,下面来做一些补充1…递归监听和非递归监听1.1 递归监听1. 默认情况下, 无论是通过ref还是reactive都是递归监听每一层都监听<template> <div> <p>{{state.a}}</p> <p>{{state.gf.b}}</p> <p>{{state.gf.f.c}}</p> &原创 2021-01-30 17:45:51 · 102 阅读 · 0 评论 -
Vue3.0系列(Composition API:组合API)
1.Vue3.0六大亮点Performance:性能比Vue 2.x快1.2~2倍Tree shaking support:按需编译,体积比Vue2.x更小Composition API: 组合API(类似React Hooks)Better TypeScript support:更好的 Ts 支持Custom Renderer API:暴露了自定义渲染APIFragment, Teleport(Protal), Suspense:更先进的组件2.项目快速搭建2.1 Vue3.0-快速上原创 2021-01-29 16:29:51 · 482 阅读 · 0 评论 -
Vue3.0系列(Vue3.0是如何变快的?)
1.Vue3.0六大亮点Performance:性能比Vue 2.x快1.2~2倍Tree shaking support:按需编译,体积比Vue2.x更小Composition API: 组合API(类似React Hooks)Better TypeScript support:更好的 Ts 支持Custom Renderer API:暴露了自定义渲染APIFragment, Teleport(Protal), Suspense:更先进的组件2.那么Vue3.0是如何变快的?这里先提供原创 2021-01-29 10:36:39 · 227 阅读 · 0 评论