随笔分类 - Vue
摘要:这个问题需要分以下两个步骤解决: 检查抖动的页面组件是否有多个根节点 增加离开过渡的css样式 v-leave-to: {display: none} 步骤1(检查抖动的页面组件是否有多个根节点) 我在为路由跳转增加了一个动画,如下: <template> <router-view v-slot="
阅读全文
摘要:组合式API setup() 11 响应式API ref ref 用于创建响应式数据(通常用来定义 基本类型数据) 在JavaScript代码中,需要使用 .value 来操作数据 let count = ref(1) console.log(count.value) // 1 count.valu
阅读全文
摘要:TypeError: vite.defineConfig is not a function 执行命令:npm install @vitejs/plugin-vue -D config里面配置代码: import vue from '@vitejs/plugin-vue' export defaul
阅读全文
摘要:父传子 说明:父组件将数据绑定在组件标签上;子组件props接收 父组件: <template> <Child :msg="msg" /> </template> <script setup> import Child from './child.vue' import { ref } from '
阅读全文
摘要:如何创建vue3项目 基于 vue 脚手架 npm i @vue/cli -g vue create <project-name> cd <project-name> npm run serve 基于 vite 创建项目 // npm npm init vite-app <project-name>
阅读全文
摘要:有一个formData数据字段,使用class创建一份初始数据与其对应,使用Object.assign进行重置 import { reactive } from 'vue' class InitFormData { username: string = '' sex: number = 1 age:
阅读全文
摘要:axios 文档 配置局部取消请求 这种相当于局部的取消请求,作用于单个请求中 import axios from 'axios' const source = axios.cancelToken.source() axios .get('getData', { cancelToekn: sourc
阅读全文
摘要:Vue配置 1、安装 npm install --save-dev compression-webpack-plugin@5.0.0 const CompressionWebpackPlugin = require('compression-webpack-plugin') module.expor
阅读全文
摘要:一、升级脚手架的方式 安装最新的cli,如果电脑有以前2.x版本的cli,不能直接更新,先要卸载。 1. 卸载之前vue-cli版本 npm uninstall -g vue-cli 2. 安装新版本 npm install -g @vue/cli cli1.x创建项目命令:vue create t
阅读全文
摘要:场景:后台系统需要实时收到电池报警消息,并语音提醒,前台不需要发送任何东西,所以想的是,服务端单向推送 1. 实现EventSource参考博客: https://www.jqhtml.com/41272.html https://developer.mozilla.org/zh-CN/docs/W
阅读全文
摘要:在公共的router-view上加 :key="$route.fullPath 控制key属性变化
阅读全文
摘要:1. 检查版本 include和exclude是vue2.1.0新增的两个属性 2. 检查需要缓存的每个组件中的name属性 router.js 中的name和vue组件的name保持一致,不要混乱 3. 多层嵌套 多级嵌套<router-view></router-view>,但凡有超过两个以上的
阅读全文
摘要:1.安装less npm install less-loader --save 2.main.js 引入 import less from 'less' Vue.use(less) warning:如果报错(loaderContext.getResolve is not a function) a.
阅读全文