05 2022 档案
摘要：定义数据方面： 1.ref用来定义：基本类型数据。 2.reactive用来定义：对象(或数组)类型数据。 注：ref也可以用来定义对象(或数组)类型数据，他内部会自动通过reactive转化为代理对象。 原理角度方面： 1.ref通过Object.defineProperty()的get和set实
阅读全文
摘要：1.通过Proxy(代理)：拦截对象中变化的任意属性，包括：属性值的读写、属性的添加、属性的删除等。 2.通过Reflct(反射)：实现对被代理对象的属性操作。 MSN文档中描述的Proxy和Reflect： 1.Proxy：https://developer.mozilla.org/zh-CN/d
阅读全文
摘要：由于直接 yum 安装的 nodejs 版本太低，所以本篇文章向大家介绍在 Linux 上安装 Node.js 最新版的方法。 安装环境 本机系统： alibaba-cloud Linux Node.js：v16.15.0 获取Node.js 安装包 Node.js 安装包及源码下载地址为：http
阅读全文
摘要：ref函数：定义一个响应式的数据 语法：const userDefinedName = ref(initValue) 1.创建一个包含响应式数据的引用对象(reference对象，简称ref对象) 2.js中操作数据：xxx.value 3.在模版中读取数据时，不需要.value，直接使用：<div
阅读全文
摘要：activated、deactivated用于捕获组件的激活状态 nextTick 用于在下一次DOM更新结束后执行指定的回调 当数据改变后，要基于更新后的新DOM进行某些操作时，要在nextTick所指定的回调函数中执行。
阅读全文
摘要：$router.forward $router.back $router.go 缓存路由组件 作用：使不展示的路由组件仍然保持挂载，不在切换路由的时候被销魂 <keep-alive include='组件名'> <router-view></router-view> </keep-alive>//缓
阅读全文
摘要：作用：控制路由跳转时操作浏览器历史记录模式 浏览器历史记录写入两种方式：1.push:追加历史记录 2.replace:替换当前记录 注：路由跳转默认为push 使用<router-link replace :to="" ><router-link>开启replace模式
阅读全文
摘要：作用：使路由组件更方便接收参数 { name: "example", path: "detail/:id", component: RouteDetail, //第一种写法：props值为对象，该对象中所有的可以-value的组合最后都将通过props传给RouteDetail组件 //Props:
阅读全文
摘要：params 1.配置路由，声明接收params参数 export default new VueRouter({ routes: [ { path: "/about", component: RouteAbout, }, { path: "/home", component: RouteHome,
阅读全文
摘要：第一种： for......in const obj = { id:1, name:'zhangsan', age:18} for(let key in obj){ console.log(key + ' ' + obj[key]) } 输出结果： 使用for in会遍历对象的所有属性，还可以遍历到
阅读全文
