Vue3
Vue3.X
夏日米米茶
这个作者很懒,什么都没留下…
展开
-
vue3的reactive重新赋值无效的问题
关于 vue3 reactive 重新赋值的问题响应式代理转载 2022-11-02 19:14:30 · 3427 阅读 · 0 评论 -
转载:VUE3使用keep-alive页面切换时报错:TypeError: parentComponent.ctx.deactivate is not a function
TypeError: parentComponent.ctx.deactivate is not a function转载 2022-11-01 19:03:01 · 1130 阅读 · 0 评论 -
Vue3使用axios的配置教程
axios中文网站:axios-http.com/zh/一、安装axiosnpm install axios --save二、配置axios,添加拦截器在src目录下新建一个request文件夹,在里面新建index.ts(或者.js)文件,编辑代码如下:import axios from 'axios'// 创建一个 axios 实例const service = axios.create({ baseURL: '/api', // 所有的请求地址前缀部分 timeout: 6000原创 2022-03-23 12:24:52 · 46867 阅读 · 18 评论 -
Vue3的setup函数中添加组件name的方法
在使用VUE3.0的setup函数时,发现无法像2.0那样添加name,解决的方法是新增一个 script 标签:<script lang="ts">export default { name: "xxxx",}</script><script setup lang="ts">// 你的业务代码</script>还可以直接在setup后边加name<script setup lang="ts" name="xxxx">/原创 2022-03-22 18:17:41 · 4721 阅读 · 0 评论 -
Vue3推荐的替代Vuex的新一代状态管理工具:Pinia 配置教程
Pinia 官方网站:pinia.vuejs.org一、安装Pinianpm install pinia --save二、配置Pinia(默认项目都使用 TypeScript ,默认后缀都是.ts)在 src 目录内新建一个 store 的目录,然后在此目录下新建一个 index.ts 文件,内容如下:import { createPinia } from 'pinia'const store = createPinia()export default store三、在项目中注.原创 2022-03-22 17:46:44 · 2848 阅读 · 0 评论 -
使用Vite构建Vue3项目,对路由Vue Router 4.x的设置
Vue3官网:https://v3.cn.vuejs.org/Vite官网:https://cn.vitejs.dev/VueRouter官网:https://next.router.vuejs.org/zh/使用Vite构建时,会和以前的有些写法有些不同,例如之前我们使用// 引入路由对象import router from './router'// 路径配置 .vue 可以省略const routes = [ { path: '/', name: 'index' compon原创 2021-08-16 17:01:28 · 18380 阅读 · 4 评论 -
Vue3使用 mock.js 模拟后端数据请求的方法
mock.js官网:mockjs.com/1、首先用npm安装npm install mockjs2、然后在src目录下新建一个目录叫“mock”,再目录下新增一个index.js文件作为mock的配置// 引入Mock文件,由于 Vite 不支持require()方法所以改用importimport * as Mock from 'mockjs'// 模拟返回的数据格式,可以自己随便定义const result = { status: 200, reset: '0',原创 2021-08-17 15:20:21 · 3001 阅读 · 0 评论