搜索结果
查询Tags标签： vue3，共有 251条记录-
vue3为什么要用proxy实现双向数据绑定?
一:object.defineProperty的缺点: 1.因为es5的object.defineProperty无法监听对象属性的删除和添加2.不能监听数组的变化，除了push/pop/shift/unshift/splice/spObject.definert/reverse，其他都不行3.Object.defineProperty只能遍历对象属性直接修改(需要深拷贝进行修改…
2022/5/28 23:21:32 人评论 次浏览 -
vue3中的路由
前端路由：在架构一个网络时，路由器和交换机是非常重要的，事实上，路由器主要维护的是一个映射表，映射表会决定数据的流向。 URL的hash 前端路由是通过监听URL的改变进行与内容的映射 url的hash也就是锚点（#），本质上是改变window.location的herf属性，我们可以通过直…
2022/5/4 23:14:48 人评论 次浏览 -
从0开始学习VUE3--01-Vue2与Vue3的不同点
升级带来的性能提升总结 1.模板编译优化：节点达到一定个数，会自动优化每次重新渲染，会调用createVnode创建虚拟节点，VUE3会做静态提升，静态节点进行提取，进行优化2.事件缓存事件，防止重新创建事件3.响应式原理defineProperty 改为 proxy4.Vue3 diff算法，可以…
2022/5/3 6:13:02 人评论 次浏览 -
vue3 setup语法糖 父组件如何调用子组件方法
父组件 子组件 即可
2022/5/1 23:20:55 人评论 次浏览 -
vue3中ref的理解
1.什么是ref?ref和reactive一样,也是用来实现响应式数据的方法由于reactive必须传递一个对象,所以在实际开发中如果只是想让某个变量实现响应式的时候回非常麻烦所以Vue3提供了ref方法实现简单值得监听2.ref本质ref底层其实还是reactive,所以当运行时系统会自动根据传入的…
2022/5/1 23:13:07 人评论 次浏览 -
vue3 ts typescript interface 定义默认相应式值
ts interface 定义接口 reactive 使用 或 注意 这样的没法直接实现响应式，注意！！！！！！！！！！！！1
2022/4/27 23:16:33 人评论 次浏览 -
关于vue3中ref和reactive思考
因为新开了一个项目使用vue3，不太熟悉，其中使用了ref和reactive关键字，简单翻看文档和一些讲解之后，知道ref的实现是reactive。但使用中reactive()修饰的变量，不能直接对数组进行赋值操作，ref()却可以，这个问题感到很奇怪。 记录一下现在自己的想法 因为vue3是用pr…
2022/4/21 6:12:57 人评论 次浏览 -
vue3 setup函数的理解
定义： 1.setup是处于beforecreate和created生命周期间的函数； 2.setup是组合式api的入口； 3.setup函数中定义的变量和方法都是需要return出去的，不然没有办法在模板中使用；注意事项; 1.因为在setup中尚未执行created初始化完成，所以无法使用data，methods（vue2）；…
2022/4/20 23:14:10 人评论 次浏览 -
vue3 路由
创建，然后选路由，然后main.js 看看有没有，有基础的不用多说，没基础的推荐先写vue2 再来router-link 是跳转路由的标签，和a标签差不多，to就是要跳转路由的路劲，该路径在 router的index.js 已定义好，然后router-view 负责展示 路径对应的 组件。 说的有点酷枯燥，意…
2022/4/18 23:16:37 人评论 次浏览 -
Vue3学习笔记
------------恢复内容开始------------ 1.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/releases/tag/v3.0.02.Vue3带来了什么 1…
2022/4/12 23:20:34 人评论 次浏览 -
vue2+vue3重点知识笔记 ----非原创
# 笔记 ## 脚手架文件结构├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件 │ │ └── HelloWor…
2022/4/7 23:21:20 人评论 次浏览 -
vue3 provide 与 inject
provide和inject提供依赖注入，功能类似 2.x 的provide/inject 实现跨层级组件(祖孙)间通信 父<template><h1>父组件</h1><p>当前颜色: {{color}}</p><button @click="color=red">红</button><button @click=&quo…
2022/4/5 23:19:44 人评论 次浏览 -
VUE3 之 全局 Mixin 与 自定义属性合并策略 - 这个系列的教程通俗易懂，适合新手
1. 概述 老话说的好：心态决定命运，好心态才能有好的命运。言归正传，今天我们来聊聊 VUE 中的全局 Mixin 与 自定义属性合并策略。2. Mixin 的使用 2.1 全局 Mixin之前咱们介绍的 Mixin 用法，是局部 Mixin，需要在组件和子组件中使用 mixins:[myMixin] 去引入 Mixin，下…
2022/4/5 23:19:14 人评论 次浏览 -
Vue3 diff算法图解分析
Vue3 diff算法图解分析 大家好，我是剑大瑞，本篇文章主要分析Vue3 diff算法，通过本文你可以知道：diff的主要过程，核心逻辑 diff是如何进行节点复用、移动、卸载 并有一个示例题，可以结合本文进行练习分析如果你还不是特别了解Vnode、渲染器的patch流程，建议先阅读下…
2022/4/3 9:49:34 人评论 次浏览 -
【vue3】从0搭建Vue3项目
从0搭建Vue3项目 Vue 的安装和升级 # vue的安装升级 npm install -g @vue/cli# 查询版本号 vue --versionVue3 工程创建 # 通过vue-cli快速创建一个vue项目 ## 带ui界面(vue version >= 3) vue ui## 不带ui界面 ### 1. 进入工作路径 vue create project_name ### 2. 选…
2022/3/31 23:23:38 人评论 次浏览
