![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3.0
文章平均质量分 72
Absorbed_zhang
毕业于洛阳师范大学,多接触于混合开发,电商网站,快应用,致力于vue全家桶,react,react-redux等技术,早期深入研究原生js于jquery开发,熟悉h5于c3和w3c标准
展开
-
“vue3.0梳理“之Web Components
Web Components跟vue3.0没有什么关系,但是为什么我放在了vue3.0的梳理之中,是因为在vue3.0出现的时候,我是看vue3.0的文档才发现的这个东西,可能是跟我学习面不够广有关,我在之前没有关注到这个东西,今天梳理这个也更多是流于概念,实用性不高,但是很重要1.Web Components是什么Web Components 是一套技术,允许创建可重用的定制元素(封装在代码之外)并且可以在web应用中使用它们看到这句话实际上很令人有一点疑惑,“一套技术”,“允许创建可重用元素.原创 2022-03-01 22:00:28 · 926 阅读 · 2 评论 -
vue3.0梳理之项目搭建(vite)
说了一些3.0的东西,但是项目的搭建给忽略了1.项目的初始化搭建初始化 vue3.0 项目yarn create @vitejs/app vue-3.0-test选择vue创建(梳理完再说+ts)我用新电脑从头开始创建的项目,选择自己常用的yarn,出现了一个错误问题,顺便说一嘴yarn : 无法加载文件 C:\Users\zhang\AppData\Roaming\npm\yarn.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.c.原创 2022-02-28 21:58:32 · 663 阅读 · 0 评论 -
vue3.0梳理之Componsition API(二)
还是来看ComponstionAPI中都有什么ref 和 reactivecomputed 和watch新的生命周期函数自定义函数–hooks函数Teleport - 瞬移组件的位置Suspense - 异步加载组件上次简单梳理过前三个,现在接着梳理3.自定义函数–hooks函数vue2.0的mixins的缺点上次已经讲过了,这次主要梳理一下3.0是怎么解决这个问题的1.代码提取Composition API的第一个明显优势是很容易提取逻辑。举例:在useCounter.js原创 2022-02-27 23:45:43 · 618 阅读 · 0 评论 -
vue3.0梳理之Componsition API(一)
Componsition API故名思意就是组合api,是vue3.0中的重要更新首先来看ComponstionAPI中都有什么ref 和 reactivecomputed 和watch新的生命周期函数自定义函数–hooks函数Teleport - 瞬移组件的位置Suspense - 异步加载组件1. ref 和 reactive// ref写法,这里并没有什么玄机,就是简单的添加响应const count = ref(0)ref 函数传入一个值作为参数,返回一个基于该值的响.原创 2022-02-27 02:44:09 · 496 阅读 · 0 评论 -
vue3.0梳理之响应式数据原理
vue2.0的defineProperty2.0响应式原理在使用中其实理解与否区别不大,但是使用肯定是不但要知其然,也要知其所以然的,简单概述一下2.0的数据响应式原理1.vue2.0通过Object.defineProperty来劫持对象属性的getter和setter操作(以我的理解大致可以作为说绑定了一个事件,监听事件就是get和set,当数据被改变时,就会触发)defineProperty内的参数有以下属性值释义obj要定义属性的对象。prop要定义或修改的属性的名称或 Symb原创 2022-02-26 01:41:56 · 498 阅读 · 0 评论 -
vue3.0梳理之props
vue2.0的props不做赘述,3.0梳理做个简单举例,在3.0中,props有两个更好用的名词-父组件中<script>import assembly1 from './assembly1.vue'import { reactive, provide } from 'vue' components: { assembly1 }, setup () { const dataObj= reactive({ list: [ 'cont.原创 2022-02-24 22:39:32 · 1711 阅读 · 0 评论