WCY的博客

今天分支写成main，和master不一样，给我搞炸了，记录一下git操作经验，以后再多练练 gitee创建仓库创建仓库，最下面几个框别选，创建完才有教程代码，能直接复制 分支名写错最稳妥的方式还是老办法，先创建一个仓库，然后在桌面新建文件夹 1git clone 把.git文件夹移到要上传的文件夹里，然后上传代码 123git add .git commit -m “” git push 就不用管分支啊，remote啊啥的了代码文件夹复制有时候超慢，还是直接仓库里clone下来快 本地代码上传代码文件夹里 12345git initgit add .git commit -m "first commit"git remote add origin https://gitee.com/creek19/xxxx.gitgit push -u origin "master" 就完事了 .git文件一个文件里应该只有一个.git文件夹，子文件夹里有.git文件夹可能导致该文件夹无法上传 默认是隐藏的，需要在文件资源管理器里打开，点击上方查看，勾 ...

git bash 和 cmd看别人在git bash 里下载hexo，不是cmd搜了下npm install -g hexo-cli在git bash里运行还是cmd里运行，有啥区别 Git Bash:Git Bash 是一个基于 Bash 的终端，为 Windows 用户提供了一个类 Unix 的环境。在 Git Bash 中安装全局 npm 包，通常不会受到系统权限的限制。Git Bash 通常用于 Git 操作，但也可以用于其他需要 Unix 环境的命令。 CMD:CMD 是 Windows 的原生命令行工具。在 CMD 中安装全局 npm 包，可能会因为权限问题而需要管理员权限，尤其是当你尝试安装到系统路径时。CMD 通常用于 Windows 系统的操作。 Yum命令无法使用yum 是 Red Hat 系列的包管理器，比如 CentOS 或 Fedora，而不是 Ubuntu 的。Ubuntu 使用的包管理器是 apt，因此您应该使用 apt-get 或者 apt 命令来安装软件包。另外包的名称可能与在 yum 中使用的名称不完全相同，因为不同的 Linux 发行版可能会使 ...

vue3用pinia取代vue2的vuex，学一下pinia pinia是干嘛的用来组件之间共享数据 怎么用 先下载npm install pinia 然后在main.js里引入pinia 从下载的pinia里引入 createPinia函数，就可以通过createPinia函数创建了 123456//第一步：引入piniaimport {createPinia} from 'pinia'//第二步：创建piniaconst pinia = createPinia()//第三步：安装piniaapp.use(pinia) 使用Pinia里的数据Pinia里的数据是用reactive定义的对象里的属性，所以用的时候不需要加.value 存储共享数据 新建一个store文件夹 在store文件夹里创建一个，名字和要存储数据的组件名一样或差不多的，js或ts文件 引入defineStore函数，创建一个新函数（起不同名字来区分）调用defineStore，函数有2个参数，第一个是id名字（随便起），第二个是配置对象。 state要写成一个函数， ...

发现Option里的value值会被当做字符串，在sum.value+n.value时会变成字符串拼接 把字符串变成数字方法value前加：，变成v-bind12345678910111213141516<template> <h2>{{sum}}</h2> <select v-model="n"> <option :value>1</option> <option :value>2</option> <option :value>3</option> </select> <button @click="add">加</button> <button @click="minus">减</button></template>&l ...

将特定的路径，重新定向到已有路由 在router文件夹的index.ts文件中配置实现只要输入网址，就能跳转进入home页面 1234{ path:'/', redirect:'/home'}

后续再更新，主要4个阶段，create、mount、update、destory vue2的生命周期 mounted()挂载完毕，是把组件渲染到页面上的 beforeupdate和updated是页面的数据刷新，刷新一次调用一次，可能调用好几次，而创建和挂载只能调用一次 beforedestroy和destroyed是组件销毁，用v-if，变成false时会调用，注意如果用的v-show，变成false不会调用 vue2的生命周期 要用生命周期函数需要先引入，import，vue2不需要 创建前和创建完毕被setup()取代，所以创建可以直接在<script setup>标签里写 除了要加on以外，还得用驼峰式，要大写（on不用），onBeforeMount、onMounted 另外，vue2里的销毁在vue3里变成了卸载从beforedestroy和destroyed变成了onBeforeUnmount和onUnmounted 父子生命周期 子先挂载，父再挂载，最后是App组件（App.vue） 常用的钩子 onMounted(挂载完毕)、onUpdated(更新完 ...

之前一直看要求熟悉webpack，原来vue-cli就是基于webpack，那我再熟悉不过了 区别 vite能创建react和vue,vuecli只能创建vue Vuecli要把module全部加载完，vite用什么就加载哪些module在vscode里启动项目时（npm run dev），vite会快很多

watch监视数据的变化 vue2和vue3 watch的写法区别 从vue2的配置项变成了vue3的函数 Vue3函数式写法，要先把watch函数imoport（同样，computed、ref、reatcive也要import） 1import {ref,watch} from 'vue' Watch能监视以下四种数据 ref定义的数据 reactive定义的数据 函数返回一个值（getter函数） 一个包含上述内容的数组 五种监视情况情况一：监视ref定义的【基本类型】数据 参数是ref数据，而不是数据的值，所以不要加.valu 一共两个参数，第一个是监视的数据，第二个是回调函数，用箭头函数来写 12345678910111213<script lang="ts" setup name="Person"> import {ref,watch} from 'vue' // 数据 let sum = ref(0) // 方法 fun ...

计算属性 computed和methods的区别 计算属性有缓存，数据没变就直接用原先的计算结果，不用再调用 方法没缓存，用一次掉一次 vue2和vue3 computed的写法区别 Vue3里计算属性变成了一种方法，用箭头函数来写 123let fullName = computed(()=>{ return person.firstName + '-' + person.lastName }) 需要写set（）让计算属性的值可被直接修改，能直接改fullname.value，不然是只读的，只能改firstname.value和lastname.value来重新调用计算属性的方法重新计算fullname 12345678910let fullName = computed({ get(){ return person.firstName + '-' + person.lastName }, set(value)& ...

torefs和toref区别 torefs是直接把整个对象的属性换成ref， toref是只换一个，需要多一个参数，需要转换的属性 torefs的作用重新定义一下reactive对象里的属性，变成ref对象，因为在外面需要用person.age太烦，定义后，可以直接用age或重新起个名像nl，更加方便。 123456789101112131415161718192021222324252627282930<template> <div class="person"> <h2>姓名：{{person.name}}</h2> <h2>年龄：{{person.age}}</h2> <h2>性别：{{person.gender}}</h2> <button @click="changeName">修改 ...