摘要: 置顶语录 1、在你成功之前。没有人会对你的努力感兴趣(马拉松内心鼓励) 2、当你坚持不下去的时候,意志力会带你杀出重围(马拉松内心鼓励) 电影 肖申克的救赎 生命可以归结为一种简单的选择:要么忙于生存,要么赶着去死 名人语录 郭德纲 下雨了,咱就打伞;天晴了,就去晒太阳。 有什么事,解决什么事;没事 阅读全文
posted @ 2022-11-09 17:55 时光凉忆 阅读(55) 评论(0) 推荐(1) 编辑
摘要: 组合式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 时光凉忆 阅读(85) 评论(0) 推荐(1) 编辑
摘要: 新 API 最新的 url 参数获取的 API? URLSearchParams // 有如下一个url: http://localhost?a=1&b=2 function getUrlParam(name) { let paramStr = location.search.substr(1) l 阅读全文
posted @ 2023-10-08 15:09 时光凉忆 阅读(44) 评论(0) 推荐(0) 编辑
摘要: Vue3 对比 Vue2 做了那些改进? 1. 响应式系统 vue2 中使用的 Object.defineProperty 实现的响应式,劫持整个对象,递归遍历所有属性,给每个属性添加 getter 和 setter vue3 中使用的 Proxy 实现的响应式 2. 编译阶段 Fragment V 阅读全文
posted @ 2023-09-26 11:23 时光凉忆 阅读(4062) 评论(0) 推荐(0) 编辑
摘要: 介绍 Less 是 CSS 的预处理语言之一,为 CSS 增添了变量、Mixin、函数等特性,使CSS更易于维护扩展。 嵌套(Nesting) .header { .navgation: { font-size: 30px; } } 编译结果: .header .navgation: { font- 阅读全文
posted @ 2023-02-21 15:53 时光凉忆 阅读(259) 评论(0) 推荐(0) 编辑
摘要: 配置用户代码片段 文件 → 首选项 → 配置用户代码片段 比如配置一个vue3的代码片段: { "vue3-code": { "prefix": "vue3", "body": [ "<template>", " <div></div>", "</template>", "", "<script l 阅读全文
posted @ 2023-02-15 11:10 时光凉忆 阅读(47) 评论(0) 推荐(0) 编辑
摘要: 使用nvm管理node版本,动态切换不同版本的node 1. 下载nvm安装包 下载地址,点这里进行下载 往下拉,选择 nvm-setup.zip 安装包 2. 安装nvm 注: 安装nvm之前,卸载现有的node,否则会有冲突 2.1 解压安装 2.2 选择nvm安装路径 2.3 选择NodeJS 阅读全文
posted @ 2023-02-03 15:07 时光凉忆 阅读(507) 评论(0) 推荐(0) 编辑
摘要: 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 时光凉忆 阅读(2224) 评论(0) 推荐(0) 编辑
摘要: 父传子 说明:父组件将数据绑定在组件标签上;子组件props接收 父组件: <template> <Child :msg="msg" /> </template> <script setup> import Child from './child.vue' import { ref } from ' 阅读全文
posted @ 2023-02-01 11:21 时光凉忆 阅读(520) 评论(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 时光凉忆 阅读(32) 评论(0) 推荐(0) 编辑
摘要: 有一个formData数据字段,使用class创建一份初始数据与其对应,使用Object.assign进行重置 import { reactive } from 'vue' class InitFormData { username: string = '' sex: number = 1 age: 阅读全文
posted @ 2023-01-30 15:14 时光凉忆 阅读(2387) 评论(0) 推荐(0) 编辑