TAY
vue3

vue3 中 style新增了哪些特性

Vue3新增style新特性主要有引入了变量和函数,也就是状态驱动的动态css;插槽选择器;自定义注入名称等,其...

xiaocai

vue3 使用事件总线

使用全局事件总线来实现不同组件间的事件通信 创建 src/stores/event-bus.js ```js // bus.js class...

xiaocai

vue3 使用 unhead 网页标题插件

文档:https://unhead.unjs.io/setup/vue/installation # 安装: ```shell npm install @unhead/vue...

xiaocai

Vue3 深度选择器:deep()、插槽选择器:slotted()、全局选择器 :global()

在Vue中,除了常见的CSS选择器外,还有一些独有的选择器,这些选择器可以更方便地操作Vue组件。 scoped原...

xiaocai

vue3 从数组中移除某项

传递的是 id,数组是 tagList 获取该id项所在序号 ```js let inkey = tagList.value.data.findIndex(i...

xiaocai

vue3 获取本地json文件

在 static目录下存放一个json文件 ``` <template> <div v-for="item in texts" :key="item.id" :item...

xiaocai

vue3 中的 nextTick()

在Vue3中,nextTick()是一个非常有用的方法,它可以在DOM更新之后执行一段代码。这在处理DOM操作和异步更新...

xiaocai

vue3 i18n切换语言

## 1.安装插件 ``` cnpm install vue-i18n --save ``` 以中英文为例 ## 2. 新建 src/language/index...

xiaocai

vue3 全局loading条制作

1. src下新建目录 status,里面新建文件 loading.js ```javascript import { defineStore } from "pini...

xiaocai

Vue3+antdv select最多选择数量限制

通过 @change 监控一选择的选项数量 ```javascript <a-select …… @change="handleChange"> …… </a-sel...

xiaocai

Vue3 生命周期函数

![file](https://images.tryatry.com/image/1/202307/3171e1cf34d65a0e6c54319aaf2b70fb.png) ```javasc...

xiaocai

新建 vite + vue3 + talwindcss 项目

# 一、安装 vite ``` npm create vite@latest ``` 如提示 create-vite: 未找到命令 ``` npm install...

xiaocai

vue3 index.html获取env配置信息(vite-plugin-html 插件 )

包 ``` npm i vite-plugin-html -D ``` index.html ```html <head> <meta charset="UTF-8" />...

xiaocai

vue3 请求拦截器 响应拦截器

axiosService.js ```javascript import axios from "axios"; import { useAuth } from "@/stores/auth";...

xiaocai

vue3 tailwindcss 夜间模式

tailwindcss ```javascript module.exports = { …… darkMode: "class", }; ``` 组件里 html `...

xiaocai

Vue3 build之后 页面刷新404

伪静态 ``` location / { try_files $uri $uri/ /index.html; } ```

xiaocai

vite vue3 不停自动刷新的问题

在vite.config中配置 ```javascript server: { host: '0.0.0.0', open: true, proxy: { hmr:...

xiaocai