vue3.x

vue2.x 版本中体验vue3.x新特性

Vue团队先后对外发布了vue-function-api和vue-compisition-api的RFC本次分享围绕最新发布的vue-compisition-api，来讲解vue3.0的一些新特性，例如setup()函数、reactive()、ref()等这些VueHooks。1、相关资源【知乎-VueFunction-basedAPIRFC】https://zhuanlan.zhihu.com/
高阳刘·2021-06-12 02:54

Vue 使用脚手架 vue CLI 4.X 创建 vue3.x 项目

之前有整理过一部分知识点,一直没有发布,因为都是有关前端方面的零散内容;现在想想无论分享什么内容都需要慢慢积累,所以还是决定将之前整理的相关内容验证之后慢慢分享给大家这个专题就是工作中开发问题总结相关的内容;不积跬步，无以至千里,一时得失莫要在意。好了废话不多说,直接上代码以及图例(为了让大家方便阅读,都有自己验证过程的一些图片作为分享)。1.vueCLI官网链接:https://cli.vuej
黑木令·2021-06-05 12:47

vue响应式原理与双向数据的深入解析

object.defineProperty实现响应式清楚observe/watcher/dep具体指的是什么了解发布订阅模式以及其解决的具体问题在Javascript里实现数据响应式一般有俩种方案，分别对应着vue2.x和vue3
·2021-06-04 12:19

vue-响应式原理和双向数据的分析

object.defineProperty实现响应式清楚observe/watcher/dep具体指的是什么了解发布订阅模式以及其解决的具体问题在Javascript里实现数据响应式一般有俩种方案，分别对应着vue2.x和vue3
辣可乐少加冰·2021-06-03 09:21

vue2.x与vue3.x的对比

异步组件(vue3.x新增)vue3.x由于函数式组件被定义为纯函数，因此异步组件的定义需要通过将其包装在新的defineAsyncComponent助手方法中来显式地定义import{defineAsyncComponent
南崽·2021-05-18 14:38

Vue3使用mitt进行组件通信的步骤

Vue2.x使用EventBus进行组件通信，而Vue3.x推荐使用mitt.js。比起Vue实例上的EventBus，mitt.js好在哪里呢？
·2021-05-15 17:48

13.Vue3.x中组件的生命周期函数（lifecycle）、 this.$nextTick、动态组件 keep-alive、Vue实现Tab切换

一、Vue3.x中组件的生命周期函数摘自官网的图LifeCycle.vue组件生命周期函数演示exportdefault{name:"",data(){return{}},methods:{},beforeCreate
zwswood·2021-05-14 15:32

web前端工程师面试题—2021(推荐收藏以便临阵磨枪)

原理是什么四、请说一下响应式数据的理解五、Vue如何检测数组变化六、Vue.set方法是如何实现的七、Proxy与Object.defineProperty优劣对比八、Vue3.x响应式数据
可 乐 伢·2021-05-07 09:07

基于 Vue3+TS 构建Cesium组件库VueCesium

原创web前端进阶今天给大家分享一个超不错的vue3.x的cesium组件库Vue-Cesium。vue-cesium一套为GISer准备的基于Vue3.x的Cesium组件库。
暗涧幽火·2021-04-15 18:18

vue3常用的API使用简介

vue3.x已经发布了这么久，相关的生态也慢慢起来了，包括vite这个新的打包工具，在vue3.0学习过程中有一些实用性的api对比，希望能在开发中给大家做个示范，准确的使用对应的api去完成我们的项目开发生命周期的变更要特别说明一下的就是
·2021-04-14 20:03

vue2.x与vue3.x语法对比

npminstall-g@vue/cli#ORyarnglobaladd@vue/clivuecreatehello-vue3#selectvue3preset项目变化vue2.x和vue3.x目录结构没有什么变化
抽疯的稻草绳·2021-04-13 03:36

0成本上手AST，用GoGoCode解决Vue2迁移Vue3难题

1为什么要迁移Vue3.x说点什么呢？总之。。。这不是我的错！首先先要写个案例，找到一个可执行方案。
·2021-04-08 13:48

0成本上手AST，用GoGoCode解决Vue2迁移Vue3难题

1为什么要迁移Vue3.x说点什么呢？总之。。。这不是我的错！首先先要写个案例，找到一个可执行方案。
·2021-04-08 13:31

Vue3.x -- 自定义指令使用

vue3.x：自定义指令根据文档可以知道3.x的指令比起2.x做了些改动，自定义指令的API改了名字，名字更贴近组件的生命周期。created-新的！
·2021-04-05 16:14

Vue的一些笔记

Vue的一些笔记Vue是MVVM框架Vue2.x响应式数据原理Vue3.x响应式数据原理Vue2.x中如何监测数组变化nextTick的实现原理Vue的生命周期请求接口放在生命周期的位置v-model的原理
xiaobangsky·2021-03-30 14:34

vue3.x Error: Cannot find module ‘ vue-loader-v16/package. json‘ Require stack:

遇到这种错误，如下图所示可以将node_modules文件夹和package-lock.json文件删除。然后使用npmi重新下载，然后就可以恢复正常了。
木得是·2021-03-29 20:12

vue3常用的API实用型

vue3.x已经发布了这么久，相关的生态也慢慢起来了，包括vite这个新的打包工具，在vue3.0学习过程中有一些实用性的api对比，希望能在开发中给大家做个示范，准确的使用对应的api去完成我们的项目开发生命周期的变更要特别说明一下的就是
·2021-03-24 19:01

vue3常用的API实用型

vue3.x已经发布了这么久，相关的生态也慢慢起来了，包括vite这个新的打包工具，在vue3.0学习过程中有一些实用性的api对比，希望能在开发中给大家做个示范，准确的使用对应的api去完成我们的项目开发生命周期的变更要特别说明一下的就是
·2021-03-24 19:13

vite+vue3+element-plus搭建项目 踩坑

需求：因为vue3出了一段时间了，element也出了基于vue3.x版本的element-plus，vite打包听说很快，尝试一下。
周皮皮皮皮皮皮·2021-03-17 17:43

vue2.0与vue3.0响应式的区别

Vue2.X响应式：需要遍历对象的每一个属性，调用defineProperty，把属性转换成getter/setter，性能不如Vue3.X无法监听删除操作，例如deletedata.name，只能通过
晓萌的百宝袋·2021-03-11 15:52

Vue3中模板指令的非兼容变更

同时废弃了全局config.keyCodes选项key属性v-if/v-else/v-else-if的key不再是必须的，vue3.x会自动生成唯一key
·2021-03-10 04:40

比对一下react,vue2.x,vue3.x的diff算法

从0写一下diff算法，我是一边写代码，一边写文章，整理一下思路。注：这里只讨论tag属性相同并且多个children的情况，不相同的tag直接替换，删除，这没啥好写的。用这个例子来说明exportconstHello={name:'Hello',data(){return{childList:['a','b','c'],};},mounted(){setTimeout(()=>{this.chi
HelenYin·2021-03-07 15:37

Vue2.x与vue3.x生命周期对比

Vue2.x你不能使用箭头函数来定义一个生命周期方法！！因为this啥也找不到还报错！beforeCreate在实例初始化之后，数据观测(dataobserver)和event/watcher事件配置之前执行，此时组件实例还未创建，通常用于插件开发中执行一些初始化任务。created组件实例已经创建完成，并配置了数据观测(dataobserver)，property和方法的运算，watch/eve
_小海绵·2021-02-26 09:17

Vue3与2是如何监测数组变化的

前言Vue3.x已经发布一段时间了，更新内容也是比较多的，但是比较让我感兴趣的还是如何对Vue2无法直接监测数组变化的优化，今天抽时间来简单看一下实现原理。
Kid thePhantom Thief·2021-02-22 18:19

详解Vite的新体验

特点超快的冷服务器启动即时的模块更新真正的按需编译更小的打包体积开始使用Vue用户注意：Vite当前仅适用于Vue3.x。这也意味着您不能使用尚未与Vue3兼容的库。
·2021-02-22 10:17

vue3.0实现插件封装

vue3.x不同于vue2.x，他们两的插件封装方式完全不一样。由于项目中需要用到自定义提示框,所以想着自己封装一个。vue2.x提供了一个vue.extend的全局方法。
·2021-02-20 13:58

vue3.x配合Typescript配合element-ui-Plus 基础安装配置使用教程(vue3.x ref 响应式，钩子)

vue3.x（[email protected]）Typescriptelement-ui-Plusvue3不适用2版本的element-ui，要使用https://element-plus.gitee.io/#/
大德大威顾神·2021-01-28 17:25

vue3.x显示json数据组件-vue3-json-viewer

vue3-json-viewer简单易用的json内容展示组件,适配vue3和vite。在使用vue3+vite开发时，发现需要用到显示json数据组件，发现vue-json-viewer只能兼容vue2，于是决定重写的vue3的适配。原作者：github代码仓库GitHubGitee安装需要依赖clipboard，先安装clipboard$npminstallclipboard--save再安装
南易武痴·2021-01-28 02:53

Vue3路由push跳转(解决Vue2this.$router.push失效）

Vue3.x出来有一阵子了，今天用它的时候发现Vue2中的this.$router.push竟然不能用了！！！！！
韦_恩·2021-01-27 17:10

（十七）Vue3.x使用provide/inject来代替vuex的实现方式

本章我们将介绍的是如何在vue3.x中使用provide/inject来代替vuex；1、前言：在使用vuex的时候，第一，往往会将一些简单的逻辑复杂化。
Mr_莫言之·2021-01-23 22:59

（四）setup

本章将进入Vue3.x的魅力所在setupcomposition-api的标志。
Mr_莫言之·2021-01-19 16:22

Vue-Vue3.x+TypeScript入门(一)

目录：一、Vue3.x的特性。二、搭建Vue3.x的环境方式--命令行搭建。三、搭建Vue3.x的环境方式--图形界面搭建。四、搭建Vue3.x的项目目录结构。五、为什么文件名要小写。
乐逍遥的笔记·2021-01-11 17:11

（十一）template和ref获取元素或组件实例

这一节将介绍到的是Vue3.x中我们如何通过ref获取元素节点或者组件实例1、概述：通过ref获取模板元素节点2、使用：由vue提供，按需引入：import{ref}from'vue';3、回顾：optionsAPI
Mr_莫言之·2021-01-11 15:28

（二）Vue3.x应用程序API

接下来的章节中我们将依次剖析Vue3.x中的各个选项、方法及部分功能的实现方式方法。这篇我们将主要介绍到的是Vue3.x实例下的API。
Mr_莫言之·2021-01-11 15:28

Vue3.0自定义滚动条组件|vue3模拟滚动条v3-scroll

介绍vue3.0-scroll一款基于vue3.x开发的pc桌面端虚拟滚动条组件。拥有简便的调用方式，支持自定义滚动条尺寸、颜色、层叠及是否自动隐藏滚动条等功能。v3scroll支持水平+垂直滚动条。
xiaoyan2017·2021-01-08 00:08

Vue3.0自定义滚动条组件|vue3模拟滚动条v3-scroll

介绍vue3.0-scroll一款基于vue3.x开发的pc桌面端虚拟滚动条组件。拥有简便的调用方式，支持自定义滚动条尺寸、颜色、层叠及是否自动隐藏滚动条等功能。v3scroll支持水平+垂直滚动条。
xiaoyan2017·2021-01-08 00:54

前端八股文之Vue

vue3.x改用proxy替换object.defineproperty，因为P
三水草肃·2021-01-06 15:36

vue3.0自定义弹窗组件|vue3 pc端对话框vue3-layer

介绍Vue3-Layer一款基于vue3.x实现的PC桌面端弹窗组件。拥有极简的调用方式、超多的参数配置。支持拖拽、缩放、最大化、全局、自定义弹窗样式等功能。
xiaoyan2017·2021-01-03 15:53

vue3.0自定义弹窗组件|vue3 pc端对话框vue3-layer

介绍Vue3-Layer一款基于vue3.x实现的PC桌面端弹窗组件。拥有极简的调用方式、超多的参数配置。支持拖拽、缩放、最大化、全局、自定义弹窗样式等功能。
xiaoyan2017·2021-01-03 14:08

基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析

V3Popup基于vue3.x实现的移动端弹出框组件，集合msg、alert、dialog、modal、actionSheet、toast等多种效果。
·2020-12-30 16:33

Vue3.x和 Element Plus 之ToDoList(一)

vue3.x已经出来一段时间了。而ElementUI也是以TypeScript和CompositionAPI进行了重构重开了一个ElementPlus。
易01·2020-12-22 15:16

同时多个axios请求_Vue 3.x 配置axios及路由

Vue3.x配置axios及路由编者：wRitchie(吴理琪)来源：http://www.bj9420.com概述：目前，Vue3.x已于2020年9月19日发布，但实际项目中使用的也许不是很多，网上资料相对较少
weixin_39628160·2020-12-22 05:59

【VUE 3.x】深入破解vue3.x新特性

深入破解vue3.x新特性一、基础准备了解常见的ES6新特性1.ES6的导入导出语法2.解构赋值3.箭头函数4.
程序不了猿·2020-12-20 09:21

太酷了！这款vue3.0+antdv管理系统，我粉了！

功能特性国内首个vue3+antdv开源admin框架项目；支持PC、手机端、平板；vue3.0-antdv分支使用vue3.x开发；m
Github导航站·2020-12-12 01:43

element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)

突然发现已经半年没更新的element-ui更新了更新了什么还不清楚，但是告知了基于vue3.x版本的element-plus已经出来了。
·2020-12-10 04:53

Vue3.0 composition api 特性学习

composition-api在vue3.x中，可以使用下面的composition-api方式。defau
邢走在云端·2020-12-06 23:25

Vue的ESLint-stylelint-prettier联合配置

eslintrc.js配置.stylelintrc.js配置.prettierrc配置settings.json配置eslint-plugin-vue可用规则BaseRulesPriorityA:Essential(Vue3
weixin_45191649·2020-11-19 19:23

Vue3.x中的生命周期和钩子函数（部分）

在Vue3.x中，钩子函数做了一些改动，我们通过下面的例子框架来了解它。{{index}}:{{item}}你选择了【{{selectOne}}】import{ref,reacti
咧咧0622·2020-11-19 11:37

Vue 开发必须知道的 36 个技巧 | 建议收藏

前言Vue3.x的Pre-Alpha版本。后面还有Alpha、Beta等版本,要等到之后才有可能发布3.0新版，所以应该趁还没出来加紧打好Vue2.x的基础。
全栈修炼·2020-11-09 08:00

vue3项目keepAlive使用方法详解

常用的用法是将组件或者路由缓存，现有的用法vue2.x与vue3.x有部分差别。以下主要将keepaliev在vue3.0中的用法。
Saga Two·2020-11-07 13:28
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他