Mr_sven - 博客园

2023年7月9日

摘要：与Vue2.x中watch配置功能一致两个小“坑”：监视reactive定义的响应式数据时：oldValue无法正确获取、强制开启了深度监视（deep配置失效）。监视reactive定义的响应式数据中某个属性时：deep配置有效。 //情况一：监视ref定义的响应式数据 watch(sum,( 阅读全文

posted @ 2023-07-09 22:11 Mr_sven 阅读(7) 评论(0) 推荐(0) 编辑

computed计算属性

摘要： <template>  <h1>一个人的信息</h1> 姓：<input type="text" v-model="person.firstName"><br> 名：<input type="text" v-model="person.last 阅读全文

posted @ 2023-07-09 21:00 Mr_sven 阅读(1) 评论(0) 推荐(0) 编辑

2023年7月8日

reactive函数

摘要：作用: 定义一个对象类型的响应式数据（基本类型不要用它，要用ref函数）语法：const 代理对象= reactive(源对象)接收一个对象（或数组），返回一个代理对象（Proxy的实例对象，简称proxy对象） reactive定义的响应式数据是“深层次的”。内部基于 ES6 的 Proxy 阅读全文

posted @ 2023-07-08 22:37 Mr_sven 阅读(33) 评论(0) 推荐(0) 编辑

ref函数

摘要：作用: 定义一个响应式的数据语法: const xxx = ref(initValue) 创建一个包含响应式数据的引用对象（reference对象，简称ref对象）。 JS中操作数据： xxx.value 模板中读取数据: 不需要.value，直接：<div>{{xxx}}</div> 备注：接阅读全文

posted @ 2023-07-08 20:54 Mr_sven 阅读(101) 评论(0) 推荐(0) 编辑

setup配置项

摘要：理解：Vue3.0中一个新的配置项，值为一个函数。 setup是所有Composition API（组合API）“ 表演的舞台 ”。组件中所用到的：数据、方法等等，均要配置在setup中。 setup函数的两种返回值：若返回一个对象，则对象中的属性、方法, 在模板中均可以直接使用。（重点关注！）阅读全文

posted @ 2023-07-08 19:34 Mr_sven 阅读(12) 评论(0) 推荐(0) 编辑

创建Vue3.0工程

摘要：使用 vue-cli 创建官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create ## 查看@vue/cli版本，确保@vue/cli版本在4.5.0以上 vue --version ## 安装或者升级你的@vu 阅读全文

posted @ 2023-07-08 13:26 Mr_sven 阅读(18) 评论(0) 推荐(0) 编辑

2023年7月5日

vue2笔记

摘要：参考 https://blog.csdn.net/hangao233/article/details/123990192?spm=1001.2014.3001.5502 阅读全文

posted @ 2023-07-05 23:02 Mr_sven 阅读(9) 评论(0) 推荐(0) 编辑

vuex的使用

摘要：下载安装npm i vuex 搭建vuex环境 1.创建文件：src/store/index.js //引入Vue核心库 import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //应用Vuex插件 Vue.use(Vuex) //准备actio 阅读全文

posted @ 2023-07-05 23:01 Mr_sven 阅读(10) 评论(0) 推荐(0) 编辑

2023年7月4日

EasyExcel 3.x实现Excel导入导出

摘要：引入依赖 <dependency> <groupId>com.alibaba</groupId> <artifactId>easyexcel</artifactId> <version>3.1.3</version> </dependency> 简单导出以导出用户信息为例，接下来手把手教大家如何使阅读全文

posted @ 2023-07-04 22:20 Mr_sven 阅读(527) 评论(0) 推荐(0) 编辑

2023年6月24日

引入第三方css样式

摘要：方式一 1.将bootstrap.min.css放入src下assets目录 2.app组件中引入样式 import '@/assets/bootstrap.min.css' 如果使用import引入，会严格检查，当字体文件不存在时，会报错方式二 1.将第三方样式放入目录：public/css目录阅读全文

posted @ 2023-06-24 21:46 Mr_sven 阅读(63) 评论(0) 推荐(0) 编辑

菜鸟需勤奋

公告