搜索结果
查询Tags标签： vue3，共有 251条记录-
5个步骤完成 Vue3 开发调试工具安装教程
Vue3 开发调试工具安装教程5个步骤 第一步：点击浏览器右上角，更多工具 – 扩展程序第二步：点击右上角 – 开发者模式 开关第三步：点击 “添加已解压的扩展程序”第四步：找到已解压缩的 Vue.js devtools-6.0.8_0 文件夹，然后点击选择文件夹。第五步：检查版本是否正确…
2022/2/15 6:15:15 人评论 次浏览 -
Vue3官方文档翻译之Reactivity Fundamentals
引言 突然不知道这章写了啥, 感觉内容有点干, 顾着翻译去了, 没有吸收消化. 还是总结下, 主要是就是响应式的对象如何和template结合的, 响应式对象是通过JavaScript的代理对象实现的; 响应式的对象有分为深响应和浅响应; 完成响应式的对象在作为函数参数或者解构的时候会…
2022/2/11 23:44:23 人评论 次浏览 -
Vue3 值得注意的新特性
Vue3 值得注意的新特性 Vue3 新特性介绍片段 组合式 API 单文件组件组合式 API 语法糖 (<script setup>) Teleport Suspense 实验性 SFC <style scoped> 现在可以包含全局规则或只针对插槽内容的规则 单文件组件状态驱动的 CSS 变量 (<style> 中的 v-bi…
2022/2/8 6:15:25 人评论 次浏览 -
2-6: vue双向绑定的原理是什么？
由于 2021 年 vue 已经升级了底层的所使用的API，所以要分版本讲原理 vue2 宏观上：vue2 的底层响应式主要依靠 Object.defineProperty , 做到对，单个数据源数据，存值和取值时，监听其状态的改变，依靠 发布者-订阅者模式，做到的。 vue3 宏观上：vue3 实际上与vue2 做响…
2022/2/6 23:43:32 人评论 次浏览 -
Vue3 创建项目和devtools
一、devtools安装 在chrome浏览器扩展程序中搜索并安装之，并配置允许访问文件网址。 二、通过脚手架 vue-cli创建项目 vue create 项目名称npm install --save normalize.css三、通过vite创建项目 npm init vite 项目名称 -- --template vue
2022/2/6 6:12:41 人评论 次浏览 -
Vue3 源码流程图
随缘不定期更新 processon
2022/2/1 17:43:46 人评论 次浏览 -
vue3提供的几个全局组件
Fragment<template><h1>我是APP组件</h1><p>没有根标签时 vue会自动再最外层添加一个 Fragment 组件</p> </template><script>export default {setup() {return {}} } </script> Fragment 不会渲染出任何DOMTeleport<…
2022/1/30 23:08:26 人评论 次浏览 -
【vue3】vue3监听路由变化
解决流程 1.挂载，并使用 import { createApp } from vue import App from ./App.vue import router from ./router.vue//路由文件app = createApp(App)app.use(router).mount("#app")//使用文件 setup(props,context){const {proxy } = getCurrentInstance();c…
2022/1/23 23:35:03 人评论 次浏览 -
vue3组件内部改变props的值
-- vue2： 内部触发改变：this.$emit("update:visible", value);外部绑定是需要加上.sync修饰符：:visible.sync="shows"vue3: vue3取消了.sync修饰符，通过 @update:show="shows = $event" 改变props的值 内部触发改变：emit(update:visib…
2022/1/18 23:42:17 人评论 次浏览 -
vue3组件内部改变props的值
-- vue2： 内部触发改变：this.$emit("update:visible", value);外部绑定是需要加上.sync修饰符：:visible.sync="shows"vue3: vue3取消了.sync修饰符，通过 @update:show="shows = $event" 改变props的值 内部触发改变：emit(update:visib…
2022/1/18 23:42:17 人评论 次浏览 -
Vue3响应式原理实现
Vue3响应式原理实现 1、响应式的概念 比如对象的属性有一个初始化的值，有一段代码使用了这个值、那么在对象中的属性发生变化时，这段代码可以自动重新执行 2、响应式函数实现 把与对象属性相关函数 (下面称为对象的依赖) 放到一个数组中 如果属性发生变化会重新执行属性…
2022/1/8 6:06:07 人评论 次浏览 -
Vue3响应式原理实现
Vue3响应式原理实现 1、响应式的概念 比如对象的属性有一个初始化的值，有一段代码使用了这个值、那么在对象中的属性发生变化时，这段代码可以自动重新执行 2、响应式函数实现 把与对象属性相关函数 (下面称为对象的依赖) 放到一个数组中 如果属性发生变化会重新执行属性…
2022/1/8 6:06:07 人评论 次浏览 -
vue3手写readonly、深只读
目录 1、函数实现2、函数调用1、函数实现 // 定义了一个readonlyHandler处理器 // 此函数被shallowReadonly和readonly共用 const readonlyHandler = {get(target, prop) {if (prop === _is_readonly) return true;const result = Reflect.get(target, prop);console.log(…
2022/1/6 23:38:23 人评论 次浏览 -
vue3手写readonly、深只读
目录 1、函数实现2、函数调用1、函数实现 // 定义了一个readonlyHandler处理器 // 此函数被shallowReadonly和readonly共用 const readonlyHandler = {get(target, prop) {if (prop === _is_readonly) return true;const result = Reflect.get(target, prop);console.log(…
2022/1/6 23:38:23 人评论 次浏览 -
Options API(vue3)->Compositinon APi(vue3)
Options Api的特点就是在对应属性中编写对应的功能模块 弊端 可读性差 当我们实现一个功能，这个功能对应的逻辑代码会被拆分到各个属性中Compositinon Api setup方法可以接受props、context context中包含三个属性 attrs:所有非props的attribute slots：父组件的的插槽 e…
2022/1/4 23:34:55 人评论 次浏览
