Angerla丶松

摘要： 1.watchEffect：会自动调用一次，具有惰性； <template> <div>{{ obj.name }}</div> <div>{{ obj.age }}</div> </template> <script setup lang="ts"> import { ref, reactive, 阅读全文

摘要： 1.watch的基本使用 <template> <div>{{ obj.name }}</div> <div>{{ obj.age }}</div> <button @click="handleClick">修改</button> </template> <script setup lang="ts 阅读全文

摘要： 1.computed:当依赖的值发生修改时，执行的方法，如果未发生改变，则使用缓存的值 函数的形式： <template> <div>{{ obj.name }}</div> <div>{{ obj.age }}</div> <div>{{ age }}</div> </template> <scr 阅读全文

摘要： 1.toRef:从响应式对象上，创建一个新的ref对象 <template> <button @click="onChangeMsg">修改数据</button> <div>{{ obj.name }}</div> </template> <script setup lang="ts"> impor 阅读全文

摘要： 1.reactive:用来绑定复杂的数据类型：数组，对象等。 注意:reactive如果绑定的是基础类型数据会报错。 <template> <button @click="onChangeMsg">修改数据</button> <div>{{ obj.name }}</div> </template> 阅读全文

摘要： 1.ref:接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个 .value property，指向该内部值。 注意：被ref包装之后需要.value 来进行赋值，因为使用ref包装，返回的是一个对象，Ref TS对应的接口 <template> <button @click 阅读全文

摘要： 1.在script标签中声明一个变量:message,可以直接在template模版中直接使用： <template> <div>{{ message }}</div> </template> <script setup lang="ts"> const message = "你好，vue3" </ 阅读全文

摘要： npm init vite-app <project-name> cd <project-name> npm install npm run dev 阅读全文

摘要： sudo n v16 以此记录避坑。。。。 阅读全文

摘要： 1. 利用Node.js的多版本管理器n sudo npm cache clean -f //清除nodejs的cache： sudo npm install -g n //使用npm安装n模块 npm view node versions // node所有版本 sudo n latest // 阅读全文