01 2022 档案
摘要:setup 的两个注意点: - setup 执行的时机: - 在 beforeCreate 之前执行一次, this是 undefined - setup 的参数 - props:值为对象,包含:组件外部传递过来,且组件内部生命接收了的属性 - context:上下文对象 - attrs:值为对象,
阅读全文
摘要:1. reactive 函数 - 作用: 定义一个对象类型的响应式数据(基本类型不要用它,要用 ref 函数) - 语法: const 代理对象 = reactive(源对象)接收一个对象(或数组),返回一个代理对象(proxy对象) - reactive 定义的响应式数据是 "深层次的" - 内部
阅读全文
摘要:Vue3 常用的 Composition API (组合式 API) 1. 拉开序幕的 setup 1. 理解: Vue3.0 中一个新的配置项,值为一个函数。 2. setup 是所有 Composition API (组合 API)“表演的舞台”。 3. 组件中所用到的:数据、方法等,均要配置在
阅读全文
摘要:一、Vue3 简介 2020年9月18日,Vue.js 发布3.0 版本,代号: One Piece 耗时2年多: 2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的 tags 地址: https://github.com/vuejs/vue-next/release/
阅读全文
摘要:1. 对于一个 url 来说,什么是 hash 值? —— # 及其后面的内容就是 hash 值。 2. hash 值不会包含在 http 请求中,即:hash 值不会带给服务器。 3. hash 模式: 1. 地址中永远带着 #号,不美观 2. 若以后将地址通过第三方手机 app 分析,若 app
阅读全文
摘要:路由守卫 1. 作用: 对路由进行权限控制 2. 分类: 全局守卫、独享守卫、组件内守卫 3. 全局守卫: // 全局前置路由守卫 —— 初始化之前和路由切换之前被调用。router.beforeEach = (to, from, next) => { console.log('前置路由守卫', t
阅读全文