![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 60
一拖再拖 一拖再拖
简洁的美
展开
-
vue3 setup router的使用教程
setup中没有this,所以我们需要引入vue-router的实例,然后通过实例来操作路由。操作和之前有一些差异,所以这里记录一下。原创 2023-12-06 11:32:04 · 679 阅读 · 0 评论 -
vue 高阶组件;高阶组件
高阶组件是一个函数,传给它一个组件,它返回一个新的组件。高阶组件的作用是用于组件之间代码的复用,它不会修改原组件,只是通过包裹的方式来增强组件的功能。比如:表单验证、表单提交、表单重置、表单数据回显等等。原创 2023-11-12 21:42:11 · 805 阅读 · 0 评论 -
[Vue Router warn]: <router-view> can no longer be used directly inside <transition> or <keep-alive>
[Vue Router warn]: can no longer be used directly inside or .之所以出现该警告,可能是由于router新版本的原因。则表示需要缓存,否则不缓存。可以获取到路由元信息中的。原创 2023-10-11 16:57:12 · 1941 阅读 · 0 评论 -
vue3 defineOptions教程
是在单文件组件 (SFC) 中使用组合式 API 的编译时语法糖。此外某些场景缓存页面数据,可能需要设置组件名称 name。,而不用再使用两个 script 标签。但是,这里存在一个问题,当我们想使用。这里使用了两个 script 标签。的更新,让我们可以更方便的使用。时钩子函数时,会报错,因为。函数之后执行的,所以会报错。会将所有的代码都放在。原创 2023-05-23 17:05:05 · 9554 阅读 · 0 评论 -
vue3.3最新发布defineProps,generic,defineEmits,defineSlots教程
以下内容是目前vue3.3版本部分发布内容的比较详细的使用方法,defineProps的改进,通用类型 generic,defineEmits 的改进,defineSlots 的使用.defineProps,generic,defineEmits,defineSlots教程.原创 2023-05-18 10:30:00 · 2774 阅读 · 3 评论 -
vue3警告Extraneous non-emits event listeners (XXX) were passed to component but could not be automatic
之所以出现这个警告,是因为在子组件向父组件发送自定义事件的时候,没有使用“emits”选项声明它。这里使用两种方式改正emits选项。原创 2022-07-26 20:08:12 · 12948 阅读 · 3 评论 -
Vue3.x新特性 Vue3新功能(详细)
Vue3.x新特性 1:setup 2:指令生命周期 3:数据(data 3.1:ref 3.2:toRefs 3.3:toRef 3.4:ref,toRef,toRefs 的区别 4:监听 5:slot 5.1:让插槽内容能够访问子组件中的数据 5:v-model 6:teleport 7:defineAsyncComponent 8:多个根结点 9:Proxy 10:diff 算法 11:Vite......原创 2022-06-28 16:34:22 · 1170 阅读 · 0 评论 -
vue3 setup(详细)使用教程
vue3 setup(详细)使用教程文章目录vue3 setup(详细)使用教程1:为什么使用setup2:创建vue3项目3:在组件中编写setup方法4:setup生命周期4.1:执行时机4.2:setup 包含的生命周期5:setup使用ref对数据进行响应式绑定6:setup使用watch和computed6.1:对变化做出反应 watch6.2:使用 computed 计算count的值:7:setup看起来似乎更笨重了8:关于 props 的值1:为什么使用setup当项目变大时,一个方原创 2021-08-17 17:12:57 · 45927 阅读 · 6 评论 -
axios 请求
axios 请求文章目录axios 请求1:下载2:安装3:使用1:下载使用 cdn:<script src="https://unpkg.com/axios/dist/axios.min.js"></script>或:<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>使用 npm:$ npm install axios使用 bower原创 2020-09-25 18:31:40 · 127 阅读 · 0 评论 -
Vue Router 路由教程
Vue Router 路由教程文章目录Vue Router 路由教程1:下载 vue-router2:创建 HelloWorld.vue3:创建 router.js4:安装路由(main.js)5:使用路由(App.vue)1:下载 vue-routernpm install vue-router2:创建 HelloWorld.vue<template> <div class="hello"> <h1>HELLO WORLD</h1>原创 2020-09-25 10:02:16 · 132 阅读 · 0 评论