vue3 | 工作生活记录12

vue3 style

vue3 中 style新增了哪些特性

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

3个月前

vue3 事件

vue3 使用事件总线

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

3个月前

vue3 网页标题

vue3 使用 unhead 网页标题插件

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

3个月前

vue3 选择器

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

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

4个月前

vue3 数组

vue3 从数组中移除某项

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

4个月前

vue3 json

vue3 获取本地json文件

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

5个月前

vue3 nextTick

vue3 中的 nextTick()

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

5个月前

vue3 i18n 语言

vue3 i18n切换语言

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

10个月前

vue3 loading

vue3 全局loading条制作

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

10个月前

vue3 antdv select

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

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

11个月前

vue3 生命周期

Vue3 生命周期函数

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

11个月前

tailwindcss vue3 vite

新建 vite + vue3 + talwindcss 项目

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

1年前

vue3 vite env

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

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

1年前

vue3 拦截

vue3 请求拦截器响应拦截器

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

1年前

tailwindcss vue3 夜间模式

vue3 tailwindcss 夜间模式

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

1年前

vue3 build 404

Vue3 build之后页面刷新404

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

1年前

刷新 vue3 vite

vite vue3 不停自动刷新的问题

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

1年前