随笔分类 -  Vue

摘要:这个问题需要分以下两个步骤解决: 检查抖动的页面组件是否有多个根节点 增加离开过渡的css样式 v-leave-to: {display: none} 步骤1(检查抖动的页面组件是否有多个根节点) 我在为路由跳转增加了一个动画,如下: <template> <router-view v-slot=" 阅读全文
posted @ 2024-12-18 15:48 时光凉忆 阅读(390) 评论(4) 推荐(3) 编辑
摘要:组合式API setup() 11 响应式API ref ref 用于创建响应式数据(通常用来定义 基本类型数据) 在JavaScript代码中,需要使用 .value 来操作数据 let count = ref(1) console.log(count.value) // 1 count.valu 阅读全文
posted @ 2024-10-24 16:31 时光凉忆 阅读(233) 评论(0) 推荐(1) 编辑
摘要:TypeError: vite.defineConfig is not a function 执行命令:npm install @vitejs/plugin-vue -D config里面配置代码: import vue from '@vitejs/plugin-vue' export defaul 阅读全文
posted @ 2023-02-01 16:38 时光凉忆 阅读(2285) 评论(0) 推荐(0) 编辑
摘要:父传子 说明:父组件将数据绑定在组件标签上;子组件props接收 父组件: <template> <Child :msg="msg" /> </template> <script setup> import Child from './child.vue' import { ref } from ' 阅读全文
posted @ 2023-02-01 11:21 时光凉忆 阅读(523) 评论(0) 推荐(0) 编辑
摘要:如何创建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> 阅读全文
posted @ 2023-01-30 15:29 时光凉忆 阅读(35) 评论(0) 推荐(0) 编辑
摘要:有一个formData数据字段,使用class创建一份初始数据与其对应,使用Object.assign进行重置 import { reactive } from 'vue' class InitFormData { username: string = '' sex: number = 1 age: 阅读全文
posted @ 2023-01-30 15:14 时光凉忆 阅读(2453) 评论(0) 推荐(0) 编辑
摘要:axios 文档 配置局部取消请求 这种相当于局部的取消请求,作用于单个请求中 import axios from 'axios' const source = axios.cancelToken.source() axios .get('getData', { cancelToekn: sourc 阅读全文
posted @ 2022-08-24 22:18 时光凉忆 阅读(248) 评论(1) 推荐(1) 编辑
摘要:Vue配置 1、安装 npm install --save-dev compression-webpack-plugin@5.0.0 const CompressionWebpackPlugin = require('compression-webpack-plugin') module.expor 阅读全文
posted @ 2022-07-04 17:03 时光凉忆 阅读(591) 评论(0) 推荐(0) 编辑
摘要:一、升级脚手架的方式 安装最新的cli,如果电脑有以前2.x版本的cli,不能直接更新,先要卸载。 1. 卸载之前vue-cli版本 npm uninstall -g vue-cli 2. 安装新版本 npm install -g @vue/cli cli1.x创建项目命令:vue create t 阅读全文
posted @ 2022-01-13 17:32 时光凉忆 阅读(548) 评论(0) 推荐(0) 编辑
摘要:场景:后台系统需要实时收到电池报警消息,并语音提醒,前台不需要发送任何东西,所以想的是,服务端单向推送 1. 实现EventSource参考博客: https://www.jqhtml.com/41272.html https://developer.mozilla.org/zh-CN/docs/W 阅读全文
posted @ 2021-07-23 15:50 时光凉忆 阅读(1752) 评论(0) 推荐(0) 编辑
摘要:在公共的router-view上加 :key="$route.fullPath 控制key属性变化 阅读全文
posted @ 2021-02-19 16:06 时光凉忆 阅读(56) 评论(0) 推荐(0) 编辑
摘要:1. 检查版本 include和exclude是vue2.1.0新增的两个属性 2. 检查需要缓存的每个组件中的name属性 router.js 中的name和vue组件的name保持一致,不要混乱 3. 多层嵌套 多级嵌套<router-view></router-view>,但凡有超过两个以上的 阅读全文
posted @ 2020-12-21 10:31 时光凉忆 阅读(1656) 评论(0) 推荐(0) 编辑
摘要: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. 阅读全文
posted @ 2020-12-17 12:26 时光凉忆 阅读(149) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示