VUE3.0

vue3.0 + vite + ts + antd model二次封装

1.对antdesignvuemodel的二次封装父组件：这里是对话框内容部门importmyModalfrom'./components/myModal.vue'import{defineComponent,ref,reactive,toRefs}from'vue';exportdefaultdefineComponent({components:{myModal},setup(props){c
1994陈·2022-03-10 10:49

Vue3.0新版API之composition-api入坑指南

关于VUE3.0由于vue3.0语法跟vue2.x的语法几乎是完全兼容的，本文主要介绍了如何使用composition-api，主要分以下几个方面来讲使用vite体验vue3.0composition-api
·2022-03-09 16:11

敲黑板记笔记了：尤雨溪在Vue3.0 Beta直播里聊到了这些…

前言在4月21日晚，Vue作者尤雨溪在哔哩哔哩直播分享了Vue.js3.0Beta最新进展。1.全新文档RFCsVue.js3.0Beta发布后的工作重点是保证稳定性和推进各类库集成所有的进度和文档都将在全新RFCs文档可以看到。2.六大亮点Performance：性能更比Vue2.0强。Treeshakingsupport：可以将无用模块“剪辑”，仅打包需要的。CompositionAPI：组合
千锋python和唐唐·2022-03-08 09:54

vue3.0常用的composition API

一、setup函数setup：一般返回一个对象，对象的key可以直接使用（也可以返回一个渲染函数）二、ref函数创建一个响应值：ref(“张三”)，ref({name:“张三”})，返回一个RefImpl对象(引用实现的实例化对象，简称引用对象，也叫ref对象)操作基础类型的响应值：ref(“张三”).value，ref(“张三”).value=“李四”操作引用类型的响应值：ref({name:“
Henry_楠·2022-03-02 08:27

《图解Vue3.0》- 第2节 Vue项目搭建

创建vite+vue3+ts的项目npminit@vitejs/apporyarncreate@vitejs/app或者(当前vue3已经是默认版本)npminitvue@latest项目建好之后，发现会有一些报错vite.config.js有报错找不到模块“vite”或其相应的类型声明。ts(2307)解决方案：在最外层新建一个.d.ts文件，文件名貌似没有特殊要求，会自动识别，文件内容如下：s
张中华·2022-02-28 21:44

Vue 3.0 简介

Vue3.0性能提升主要是通过哪几方面体现的？
·2022-02-23 17:32

Vite

Vite图片2.pngVite是一种新型的前端构建工具，最初是配合Vue3.0使用，后面适配了常见的前端项目，提供了Vue、react、preact等模板。官网首页列举了Vi
jad_design·2022-02-21 22:30

《vue3.0 最全详细总结+案例》

文章目录一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二.常用CompositionAPI1.ref函数2.reactive函数3.vue2.0响应式原理4.vue3的响应式原理
@逆风微笑代码狗·2022-02-21 10:44

vue3.0 响应式核心 proxy

Proxy是JavaScript2015的一个新特性。Proxy的代理是针对整个对象的，而不是对象的某个属性，因此不同于Object.defineProperty的必须遍历对象每个属性，Proxy只需要做一层代理就可以监听同级结构下的所有属性变化，当然对于深层结构，递归还是需要进行的。此外**Proxy支持代理数组的变化。/*basedonproxy*///使用Proxy时需要定义一个代理对象ha
我跟你蒋·2022-02-20 04:34

vue3中setup-script的应用实例

在Vue3.0的.vue组件里，遵循SFC规范要求（注：SFC，即Single-FileComponent，.vue单组件），标准的setup用法是，在setup里面定义的数据如果需要在template
·2022-02-19 18:08

Vue生态全新状态管理工具Pinia学习记录

文章目录1.Pinia简介2.Pinia与VueX相比的优势3.实现1.Pinia简介Pinia是Vue3.0生态里Vuex的代替者，一个全新Vue的状态管理库。
小猿同学628·2022-02-19 18:57

3分钟带你体验Vue3.0

虽然Vue3.0还未发布，但是Vue官方发布了关于CompositionAPI的官方插件，使广大用户可以在Vue2.x中享受FunctionBase带来的新体验。
天外小星星·2022-02-19 17:40

vue3.0特性预览

尤雨溪亲自在知乎写的文章https://zhuanlan.zhihu.com/p/68477600，vue开发者在3.0出来之前应该先读个十遍
代码柳书·2022-02-19 05:59

【Vue3.0】还学得动吗？赶紧和我过一遍用法吧！

写在前面2020.4.20更新：目前Vue3.0已经出于Beta测试阶段，即可以对开发者开放使用了，官方工具链如vue-router、vuex等仍处于Alpha阶段，距离正式发布还有一段时间。
Kagashino·2022-02-18 10:23

Vue3.0 + qiankun.js 实现多tab标签页路由切换

Vue3.0+qiankun.js实现多tab标签页路由切换Github地址原理是通过监听主应用的vue-router的router.beforeEach方法来动态加载(loadMicroApp)微应用页面用vuex来管理已加载的微应用和tab标签数据监听用initialState的变化来执行对微页面内部的路由跳转各依赖版本"element-plus":"^1.3.0-beta.5","qiank
·2022-02-17 14:35

Vue3.0 响应式系统源码逐行讲解

前言关于响应式原理想必大家都很清楚了，下面我将会根据响应式API来具体讲解Vue3.0中的实现原理,另外我只会针对get,set进行深入分析，本文包含以下API实现，推荐大家顺序阅读effectreactivereadonlycomputedref
西施老师·2022-02-17 09:50

vue3.0语法的一些总结

今天我在下载脚手架的时候发现，可以下载Vue3.0的脚手架了，注意：里面可以使用vue2.0的语法，也可以使用vue3.0的语法，而vue3.0的语法不需要我们再去下载并引入@vue/composition-api
物是人非dhr·2022-02-16 19:08

Vue3有了解过吗？能说说跟Vue2的区别吗？Vue3性能优化的地方在哪里？静态标记

文章目录前言、Vue3的核心变化一、Vue3相比Vue2的优势二、Vue3.0变化的三大点1、监测机制的改变：用Proxy替换Object.definePropertyProxy是什么`Vue3.0里为什么要用
一月清辉·2022-02-15 09:24

Vue3.0插件执行原理与实战

茶已备好，只待君来！感谢关注前端点线面(>‿ {        console.log('app', app);        console.log('options', options);        // 做一些处理        // ……    }}1.2通过function的方式Vue插件也可以是一个function函数，此时插件被调用时会调用function函数本身，如下所示：ex
前端点线面·2022-02-15 09:45

好记性不如烂笔头——Vue3.0篇

React、操作系统、Linux、设计模式、js、webpack、nginx、Redux、Vue”获取对应学习思维导图，一起卷起来)俗话说的好“好记性不如烂笔头”，今天秉承着后期复习方便的态度，整理了一份Vue3.0
前端点线面·2022-02-15 09:45

瞧，Vue3.x最小原型系统就是这么简单

相信现在有很多人在用Vue3.0开发项目，但是很多时候没有机会从零开始搭建一个项目，毕竟只有负责人才会有机会将框架给我们搭建出来，然后我们在此基础上进行业务迭代、模块开发，今天就一起来从零搭建一个Vue3.0
前端点线面·2022-02-15 09:30

瞧，Vue3.x最小原型系统就是这么简单

相信现在有很多人在用Vue3.0开发项目，但是很多时候没有机会从零开始搭建一个项目，毕竟只有负责人才会有机会将框架给我们搭建出来，然后我们在此基础上进行业务迭代、模块开发，今天就一起来从零搭建一个Vue3.0
·2022-02-14 23:21

vue3.0响应式函数原理详细

目录1.reactive2.ref3.toRefs4.computed前言：Vue3重写了响应式系统，和Vue2相比底层采用Proxy对象实现，在初始化的时候不需要遍历所有的属性再把属性通过defineProperty转换成get和set。另外如果有多层属性嵌套的话只有访问某个属性的时候才会递归处理下一级的属性所以Vue3中响应式系统的性能要比Vue2好。接下来我们自己实现Vue3响应式系统的核心
·2022-02-14 13:30

vue-cli3.0+typeScript+element-ui+webpack

1、安装先卸载vue2.0的脚手架：npmuninstallvue-cli-g，全局卸载安装vue3.0的脚手架：npminstall-g@vue/cli，全局安装image.png2、创建项目：vuecr
who_are_you_·2022-02-13 03:20

vue3.0自定义字体图标使用

以往方法：在Iconfont官网中搜索所需图标添加入库添加至项目下载素材至本地页面中引入字体文件使用方法：缺点：项目想要添加新的图标时，需要重复上述操作并重新下载覆盖文件手动分割线解决方案：采用svg-sprite-loader自动加载打包，方便维护//项目默认配置文件|--vue3.0-project|--node_modules|--public|--src|--assets|--compon
不懂代码的小白·2022-02-11 12:01

一起学vue3.0

下面我们来一起认识一下vue3.0的目录结构吧。
最帅的坏兔子·2022-02-10 16:54

vue3(1)

Vue3.0了解vue3.0：（1）简要了解Vue.js3.0“onePiece”正式版再20年9月份发布Vue3支持vue2的大多数特性更好的支持TS性能提升打包大小减少41%初次渲染快55%，重新渲染快
Sarah-ha·2022-02-09 09:40

TS + Vue3.0

课程指南：Vue3+Ts快速上手面试题TS1-什么是TS2-TypeScript和JavaScript的区别是什么？3-为什么要用TypeScript？4-TS和JS哪个更好5-泛型6-接口Interfaces7-函数8-TS中的类9-构造函数10-实例化是什么？11-方法重写是什么？12-never和void的区别？Vue3.01-Vue3.0新特性2-Vue3.0性能提升主要是通过哪几方面体现
江哦_·2022-02-09 09:08

Vue + TypeScript + Element 项目实战及踩坑记

Vue3.0将使用TS重写，重写后的Vue3.0将更好的支持TS。2019年TypeScript将会更加普及，能够熟练掌握TS，并使用TS开发过项目，将更加成为前端开发者的优势。所以笔
fanlcwowo·2022-02-09 09:06

Vue + TypeScript + Element 搭建简洁时尚的博客网站及踩坑记

Vue3.0将使用TS重写，重写后的Vue3.0将更好的支持TS。2019年TypeScript将会更加普及，能够熟练掌握TS，并使用TS开发过项目，将更加成为前端开发者的优势。所以笔
全栈修炼·2022-02-09 09:36

vue3新特性概览

Vue自3.0beta发布以来，随着相关技术支持度增强，越来越多的企业开始使用vue3创建项目下面大概了解一下vue3的新特性Vue3.0新特性一、节点打Tag什么意思呢？
devincob·2022-02-09 09:36

Vue3.0之引入Element-plus ui样式的两种方法

目录第一种：CDN第二种：通过npm安装，并希望配合webpack使用安装：官网欢迎star：githubnpminstallelement-plus--save第一种：CDN目前可以通过unpkg.com/element-plus获取到最新版本的资源，在页面上引入js和css文件即可开始使用。hellowordElementPlusdemo{{message}}constApp={data(){
·2022-02-07 15:02

Vue3.0利用vue-grid-layout插件实现拖拽布局

目录1、插件2、插曲3、实现4、校验函数1、插件首先，我们选择的插件是vue-grid-layoutnpmivue-grid-layout--save官网：https://jbaysolutions.github....2、插曲安装完依赖，发现项目能启动起来，按照官网demo发现页面空白，控制台提示没有找到子组件改变思路，不使用局部引入组件，使用全局引入组件。3、实现constlayout=ref
·2022-02-07 13:41

Vue3.0插件执行原理与实战

目录一、编写插件1.1包含install()方法的Object1.2通过function的方式二、使用插件三、app.use()是如何执行插件的一、编写插件Vue项目能够使用很多插件来丰富自己的功能，例如Vue-Router、Vuex……，这么多插件供我们使用，节省了我们大量的人力和物力，那这些插件是开发出来的呢?是不是我们自己也想拥有一个属于自己的vue插件，下面就展示一下如何写一个自己的Vue
·2022-02-07 13:35

Vue3.0的插槽是如何实现的？

Vue提供了pro可以进行参数的传递，但是有时需要给子组件的模板进行定制化，此时传递参数有时候就不太方便了。Vue借鉴了WebComponents实现了插槽slot。插槽slot通过在父组件中编写DOM，在子组件渲染的时候将这些DOM放置在对应的位置，从而实现内容的分发。使用方法介绍基本使用父组件传入的内容我们想将一些内容渲染在Son子组件中，我们在组件中间写了一些内容，例如父组件传入的内容，但是
JonnyLan·2022-02-07 09:50

360奇舞周刊技术文章推荐

https://segmentfault.com/a/11900000204632342、Vue3.0公开代码之后……前言在2019年10月5日，尤小右公开了Vue3.0的源代码。v
前端开发博客·2022-02-06 07:41

解读vue3.0的变化

9月30日，尤雨溪在medium个人博客上发布了vue3.0的开发思路，国内有翻译的版本，见文章最后的参考链接。3.0带了了很大的变化，他讲了一些改进的思路以及整个开发流程的规划。
指尖跳动·2022-02-05 23:07

Vue3.0新特性

更快优化点2.x实现3.0实现模板编译v-dom运行时判断是组件/原生元素编译时判断类型生成相关代码模板中子元素的类型多重判断编译时留下hint给运行时提示，只有一个子元素那么算法可以直接免去不必要的判断slot父子组件关联更新类似slot-scope生成lazy函数，由子组件来控制slot，精确依赖收集，避免不必要的组件渲染静态内容提取检测到静态模板提取出来，复用virtual-dom跳过比对部
看到这朵小fa了么·2022-02-05 13:10

vue3.0项目从0到1-初始化项目

第一步：安装vue-clinpminstall-g@vue/cli检测是否安装成功vue-V:$vue-V@vue/cli4.5.6第二步：初始化项目vuecreateproject-name//projectname:uivuecreateui如果选择Manaually，会让你选择一些组件(注意这里如果选择vue3，会创建最为纯洁的vue项目)这里选择的Manualyselectfeatures
张中华·2022-01-27 09:11

Vue3.0源码解析之组件渲染，vnode 到真实 DOM

首先，组件是一个抽象的概念，它是对一棵DOM树的抽象，我们在页面中写一个组件节点：这段代码并不会在页面上渲染一个标签，而它具体渲染成什么，取决于你怎么编写HelloWorld组件的模板。举个例子，HelloWorld组件内部的模板定义是这样的：HelloWorld可以看到，模板内部最终会在页面上渲染一个div，内部包含一个p标签，用来显示HelloWorld文本。所以，从表现上来看，组件的模板决定
hahajj_2e72·2022-01-25 11:48

黑马头条-2020版-前端部分-前端项目初始化.p001

VueCLI脚手架创建项目安装VueCLIcmd下:npminstall--global@vue/cli-init（使用npm要安装了node.js）npminstall--global@vue/cli可以安装vue3.0
·2022-01-22 13:31

vue3.0全家桶+typescript项目一

浏览器重点：**不支持IE浏览器Firefox、Chrome51+（没有实测，根据proxy兼容性推测出的）安装查看vue版本低于3.0先卸载后安装，没安装过就直接安装（node.js8.0+)vue-V/vue--versionnpminstall-g@vue/cli（如果低于3.0要先卸载npmuninstallvue-cli-g）创建项目1、命令创建vue-cli3.0+创建项目vuecre
·2022-01-19 17:12

谈谈React Hooks 与Vue3.0 Function based API的区别？

hi~豆皮粉儿.又见面啦~ReactHooksrelease已经有很长一段时间了，Vue3.0也带来了FunctionbasedAPI，都我们提供了新的模式来复用和抽象逻辑，那这两者有什么区别的，松宝写代码给大家带了解读
·2022-01-19 10:08

vue3.0 日历插件

效果图安装环境"vue":"^3.2.6""vite":"^2.5.4"介绍解决思路利用css缩放来处理大屏适配的问题，项目地址安装npmicalendar-vue3引入import{calendarVue}from'calendar-vue3'import'calendar-vue3/dist/style.css'使用示例✔️{{dayjs(data.date).format("YYYY-MM-
·2022-01-18 10:05

Vue 3.0 Teleport的使用和原理分析

Vue3.0新增了一个Teleport组件，开发者可以使用它将其所在组件模板的部分内容移动到特定的DOM位置，譬如body或者其他任意位置。
chonglingliu·2022-01-17 06:56

从Vue3.0的watchEffect没有触发ref数组变化说起

Vue3.0加入了watchEffect，刚好项目使用到了，很好用，但是发现了一个现象：watchEffect没有触发ref的数组变化，直接上代码。
·2022-01-09 16:12

新一代状态管理工具，Pinia.js 上手指南

study链接：https://juejin.cn/post/704919...前言Pinia.js是新一代的状态管理器，由Vue.js团队中成员所开发的，因此也被认为是下一代的Vuex，即Vuex5.x，在Vue3.0
·2022-01-08 10:02

Vue.js源码全方位深入解析 （含Vue3.0源码分析）

Vue.js源码全方位深入解析（含Vue3.0源码分析）Socket是什么以及创立过程一个数据包经由应用程序产生，进入到协议栈中停止各种报文头的包装，然后操作系统调用网卡驱动程序指挥硬件，把数据发送到对端主机
·2022-01-07 17:35

Vue3.0手写轮播图效果

本文实例为大家分享了Vue3.0手写轮播图效果的具体代码，供大家参考，具体内容如下让我们开始把html结构js语法import{ref,watch,onUnmounted}from'vue'exportdefault
·2021-12-29 16:05

VUE 3.0 源码 script/release.js 模块发布

文件路径：VUE3.0源码/script/release.js该脚本从主函数main()函数的运行开始：1、使用promptCLI提示插件，引导用户Selectreleasetype...?
·2021-12-25 21:59
上一页 27 28 29 30 31 32 33 34 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他