VUE3.0

es6 深入理解 Proxy 和 Reflect 这对影子兄弟

前言vue3.0使用了Proxy对象做响应式系统,让很多人都认识了Proxy对象,vue3.0中的响应式数据甚至是组件实例,其实都是Proxy对象。
changli·2020-11-16 19:45

vue3.0详解setup中如何使用data,method,watch,computed,生命周期,教你快速上手-02

setup如何使用？对比vue2.0的使用方式，你需要把data,method,computed,watch以及生命周期都放到setup函数中来使用1、setup中的data如何使用？import{ref,toRefs,reactive}from'vue'exportdefault{name:'Test',setup(){//在setup中定义template模板使用的响应式变量，你得用ref或者
竹香书画·2020-11-16 17:37

vue3.0使用TypeScript 如何拓展一个方法并且this可以访问,不报错？

1.我们都知道，如果在vue2.0版本想要给vue原型链上面拓展一个方法，用如下方式：main.ts中importVuefrom"vue";functionmyProperty(param){console.log(param)}Vue.prototype.$myProperty=myProperty;//拓展的可以是一个字符串变量，可以是一个类的实例，此处示例用了一个functionnewVue
有一种感动叫做丶只有你懂·2020-11-16 16:49

啥时候应当使用ES6 Set？

这不是Vue3.0来了么，2021年就可以上生产了，Vue2.0可以遍历Set，但是不支持响应式，现在3.0支持Set的响应式了，你说要不要开始学呢？废话不说，跟数组做个对比。
microkof·2020-11-15 17:22

Vue2.0迁到Vue3.0一句话总结

只考虑迁移，不考虑新特性。一、createApp不需关注，反正main.js里已有。二、其他API2.x全局API3.x实例API(app)说明Vue.configapp.config不需关注Vue.config.productionTip移除不需关注Vue.config.ignoredElementsapp.config.isCustomElement不需关注Vue.componentapp.c
microkof·2020-11-15 17:29

Vue 3 入门基础到实战系列教程

vue3.0入门到进阶系列教程实验介绍从今年2月份开始，就是开始忙公司的项目，还记得2月份的时候，公司早早就开班工作了，每天居家工作，早上早早起来就是学习一个半小时，然后就开始工作，那段时间真的很压抑啊
KenNaNa·2020-11-15 14:17

vue3.0+vue-router+element-plus初实践

Vue3中文文档Vue3.0对比Vue2.x优势框架内部做了大量的性能优化，包括：虚拟dom，编译模板，Proxy的新数据监听，更小的打包文件等。
kiscon·2020-11-14 19:02

Vue3不支持Filters过滤器的问题

filters过滤器已从Vue3.0中删除，不再支持。2.x语法在2.x中，开发人员可以使用过滤器来处理常见的文本格式。
·2020-11-13 17:40

vue3.0 加载json的方法（非ajax）

最近学习vue3.0，在实现一个功能的时候发现一个问题——写代码的时候，需要的json太长、太多，和代码放在一起太混乱。看代码总有翻来翻去，又没有“折叠”功能。
·2020-11-13 13:57

让你30分钟快速掌握vue3教程

经过了漫长的迭代，Vue3.0终于在上2020-09-18发布了，带了翻天覆地的变化，使用了Typescript进行了大规模的重构，带来了CompositionAPIRFC版本，类似ReactHook一样的写
·2020-11-13 13:25

vue slot 插槽详解

在插入子组件元素中添加信息或者标签，使得子组件的指定位置插入信息或者标签插槽有三种：默认插槽、具名插槽、作用域插槽，由于vue2.6.0后对插槽进行修改，但是兼容2.6.0前的版本，博文中只说明2.6.0后的插槽，vue3.0
A-Select °·2020-11-13 10:02

Vue 3.0 Ref-sugar 提案真的是自寻死路吗？

Vue3.0的两个提案，最近吸引了许多开发者的注意跟讨论。一个是script-setup提案，一个是ref-sugar提案。对于script-setup提案，大部分开发者持正面态度。
睡魔的谎言·2020-11-13 09:01

Vue3.0和Vue2.0区别

Vue3.0和Vue2.0相比，优势主要体现在：更快、更小、更易维护、更易于原生、让开发者更爽；更快virtualDOM完全重写，mounting&patching提速100%；更多编译时（compile-time
书虫和泰迪熊·2020-11-12 16:29

vue 3.0出现 ERROR Error: Cannot find module ‘vue-loader-v16/package.json‘解决方法

vue3.0出现1ERRORError:Cannotfindmodule'vue-loader-v16/package.json'解决方法样本：解决方法：使用cnpm在下载一次就好了cnpmivue-loader-v16
柚子·小哥哥·2020-11-12 10:17

asp 退出登录修改cookie能进入后台_Vue3.0 - Composition API 体验版开发后台管理系统...

手把手撸码前端，实战大公司级后台管理系统开发，正规实践了解项目开发整体流程由0到1搭建后台管理系统，采用Vue3.0-CompositionAPI体验版开发，优先体验3.0API语法；以真实接口进行业务数据联调；并了解由产品的原型到UI设计、测试用例、业务逻辑开发、程序流程图、BUG修复、打包、部署、上线等；基本都是干货，以下是完成录制的视频，都放在B站，还有小部分待更新；第1节-了解项目开发流程
weixin_39772388·2020-11-12 03:20

vue3.0 使用 vue-router以及vueX的简单使用

首先通过vue-cli搭建,vue-cli版本大于4.0vuecreate[项目名称]选择vue3版本vue3.0的setup函数Lsetup函数执行时期在beforeCreate之后、created之前执行需要非常注意的是在
学而不化，非学也。·2020-11-11 09:04

拉钩教育大前端学习笔记 --- Vue.js 3.0 介绍

1、Vue3.0源码组织方式1.1、源码组织方式的变化Vue3.0的源码全部采用了TypeScript进行了重写，项目的组织方式也发生了变化，全部采用了monorepo的方式来组织项目的结构，把独立的功能模块都提取到了不同的包中
耳听音乐梦神游·2020-11-08 23:19

vue3项目keepAlive使用方法详解

以下主要将keepaliev在vue3.0中的用法。
Saga Two·2020-11-07 13:28

Vue最全知识点（基础到进阶，覆盖vue3.0，文末送书）

关注前端瓶子君，回复“交流”加入我们一起学习，天天进步作者:阿李卑斯https://juejin.im/post/5ec358126fb9a0432a3c49e6声明：本篇文章纯属笔记性文章，非整体原创，是对vue知识的整理，对自己有很大帮助才分享出来，参考文章传送:1.童欧巴对vue知识的整理2.我是你的超级英雄对vue知识的整理3.vue官网基础篇说说你对MVVM的理解Model-View-V
前端瓶子君·2020-11-07 10:01

3.组合api

可以分成一块一块的业务来进行处理分离文件vue3.0不仅可以抽离出方法，数据。还可以放在不同的文件里，更加清晰的辨别业务。刚开始肯定很不习惯，慢慢来！总结：区别v
杜维爸爸·2020-11-06 22:04

浅析vue3.0中的Proxy双向绑定

Vue2.0中的双向绑定使用object.defineProperty()进行双向绑定缺点：1无法对数组进行监听，采用的是对数组的方法进行重写（push,pop,shift,unshift等等）。对此进行双向绑定和数据监听的操作2效率差，这主要是因为对多层数据进行一次性的递归操作，如果数据很多或者是很深层次，这样性能非常的差3因为局限性，无法对新加/删除的数据进行监听，所以使用在vue2.0中使用
喂维围·2020-11-04 10:34

Vue3.0 + Vue3.0的初体验

来喽，来喽，他真的来喽，Vue3.0！！！！
Nicholas_liang·2020-11-03 18:07

VUE3.0 安装

Node.js安装详细步骤1.安装node.jshttps://nodejs.org/en/我的安装路径为D:\ProgramFiles\nodejs\查看版本号node-vnpm-v。2.配置npm（nodepackagemanager）在安装全局模块时的路径和缓存cache的路径因为在执行例如npminstallwebpack-g等命令全局安装的时候，默认会将模块安装在C:\Users\用户名
回首往昔少年·2020-11-02 10:48

Vue3.0 Composition API Provide/Inject

CompositionAPIProvide/Inject本文假定你已经阅读了Provide/Inject，CompositionAPI介绍和响应性基本原理。我们在使用CompositionAPI的时候，我们也可以使用provide/inject。二者都只能在setup()内部使用当前活动实例进行调用。背景假设我们需要重构下面这段代码，里面有一个MyMap组件，这个组件通过CompositionAP
rebornszoro·2020-11-01 21:58

vite学习之路（一）初识vite，vite的使用与工作机制

最近闲下来后开始整理之前的知识了，早在vue3.0正式出来之前，尤大就已经提到了做了一个新的web应用开发工具vite解下来的几篇文章我会对vite的使用，到与webpack（其实应该是webpack-dev-server
前端小黑·2020-10-31 23:27

vue3.0学习笔记

文章大部分的内容是看了技术胖的视频写的，有的也是贴的他的注解，感谢技术胖搭建项目vuecli搭建安装vue-cli须（v4.5.4以上版本），低版本自行更新npminstall-g@vue/cli快速生成项目vuecreate项目名称根据自己需要选择，如果想要ts，选择第三项?Pleasepickapreset:(Usearrowkeys)//请选择预选项>Default([Vue2]babel,
Alison_yuer·2020-10-30 13:39

Vue3.0 响应式原理实现

Vue3.0的响应式系统底层使用了Proxy对象实现，在初始化的时候不需要遍历所有的属性，再把属性通过defineProperty转化成getter和setter，另外如果有多层属性嵌套的话，只有访问某个属性的时候才会递归处理下级的属性
大白菜_·2020-10-28 19:47

使用vite构建vue3.0项目

全局安装vitenpminstall-gcreate-vite-app进入想要新建项目的路径下新建create-vite-appyourProjectName进入到新建的项目路径下安装依赖并运行cdyourProjectNamenpminstallnpmrundev到此新项目就搭建完成了，你会发现和脚手架搭建区别还是有的，vite默认端口是3000，vite默认不会让你选择路由、语法检测以及单元测
幸福浅暧·2020-10-28 11:24

Vue3教程：Vue3.0 + Vant3.0 搭建种子项目

众所周知，Vue3.0发布已经有小一个月的时间了，但是市面上能作出快速相应的VueUI组件库并不多，就我目前所知
程序员十三·2020-10-26 09:00

Vue新建项目详细流程

由于目前大部分主流前后端方向的整合用到的技术栈还是SpringBoot+Vue，再加上Vue3.0正式版才刚刚出一个月，还没有普及。
时光踏路已久·2020-10-24 11:43

Vue3.0 组件的provide/inject

组件的provide/inject阅读本篇之前应当先阅读组件基础。通常当我们需要将数据从父组件传递到子组件时，我们通过props实现。设想一下这样的一个组件结构，这个结构中有一些嵌套层级很深的组件，我们想在内嵌层级很深的一个子组件中，调用顶层父组件的某些数据。在这种情况下，如果我们仍需要通过prop从父组件到子组件之间的组件链中传递数据，这可能挺烦人的。为了应对这种情况，我们可以使用provide
rebornszoro·2020-10-22 23:19

Vue3.0的setup函数

setup函数的特性：使用CompositionAPI的入口在beforeCreate之前调用在setup中没有this可以返回一个对象，这个对象的属性被合并到渲染上下文，并可以在模板中直接使用；接收props对象作为第一个参数，接收来的props对象，可以通过watchEffect监视其变化。接受context对象作为第二个参数，这个对象包含attrs，slots，emit三个属性。setup函
前端打工人·2020-10-21 14:40

vue3.0学习笔记

文章目录Vue3.0重要变化创建项目的三种方式为什么V3更快的性能组合APIV2存在的问题-业务逻辑分散V3组合API横空出世组合API：setup以及其中使用到的方法介绍setup执行时机setup注意点
凌晨独舞·2020-10-14 23:17

跟技术胖学vue3.0(typescript版)(一) 环境搭建 , 工程创建 , 工程结构

vue3.0终于来了,下面我们开始愉快的尝鲜吧!!!
finedayforu·2020-10-14 22:16

vue3.0 正式版体验

Vue3正式版本已经更新，再次入坑。Vue3新特性首先是向下兼容，Vue3支持大多数Vue2的特性。性能的提升，框架更快，更轻。新推出的CompositionAPI。更好TypeScript支持安装vue3#全局安装cnpmi-gcreate-vite-app#create-vite-appvue3-rescdvue3-rescnpmi#用vscode打开1.vue实例的创建以及挂载变化Vue2创
tang丶有年·2020-10-14 15:01

web前端高级VUE - vue2.0与vue3.0双向数据绑定的实现原理及区别

vue2.0实现双向数据绑定原理vue2.0中通过利用Object.defineProperty方法监听属性的get和set方法来实现对数据的双向绑定，看如下示例：Name:letobj={name:''};letnewObj=JSON.parse(JSON.stringify(obj));Object.defineProperty(obj,'name',{get:function(){retur
一笑程序猴·2020-10-12 14:28

vue3.0新特性盘点

宏伟的事业,是靠实实在在的微不足道的一步步的积累,获得的。前言虽然vue3还没有正式发版，但是各大培训机构均把它作为一个"噱头"，来吸引流量。相比vue2，写法有一个很大变动，也越来越符合"解藕"的思想。目前在vue3的使用方面有两种方式：一种是通过下载vue@next，直接使用vue3。另一种是通过vue-compisition-api来使用Vue3的一些特性。没有this在之前vue2，thi
傲娇的koala·2020-10-12 08:00

vue3.0+vite+typescript入门到精通

vue3.0入门到精通vue3.0beta+vite+typescript+vue-router4beta+vuex4beta基于compositionAPI入门到实战附B站视频讲解:vue3.0免费视频教程
Calvin·2020-10-10 12:58

vue3.0+vite+typescript入门到精通

vue3.0入门到精通vue3.0beta+vite+typescript+vue-router4beta+vuex4beta基于compositionAPI入门到实战附csdn免费教学视频vue3.0
王大合·2020-10-10 11:29

通过10个实例小练习，快速入门熟练 Vue3.0 核心新特性

Vue3.0发beta版都有一段时间了，正式版也不远了，所以真的要学习一下Vue3.0的语法了。
夜尽天明·2020-10-10 00:23

浅谈 Hooks

 如果你很熟悉vue与react，兴许你也觉得vue3.0抄袭了react，这项react在不久前发布的新技术，在vue3.0中被重新搬上了舞台。
我不是费圆·2020-10-10 00:52

Vue 3 入门基础到实战系列教程

vue3.0入门到进阶系列教程实验介绍从今年2月份开始，就是开始忙公司的项目，还记得2月份的时候，公司早早就开班工作了，每天居家工作，早上早早起来就是学习一个半小时，然后就开始工作，那段时间真的很压抑啊
KenNaNa·2020-10-09 13:51

vue3.0 + vite + typescript 模板

vue-next-templatevue3.0vitetypescripteslintprettiervscode对vue3.0进行常规模板设计包含目录结构/router布局/vuex（包含modules
Devinhuang·2020-10-09 13:22

尝鲜vue3.0- one Piece发布后的新鲜事（6）

ToDoList开始（1）尝鲜vue3.0-了解变化(2)尝鲜vue3.0-tyepscript开发组件(3)尝鲜vue3.0-看完就开干（4）尝鲜vue3.0-扶我起来学一下组合式API（5）  上周六晚上，vue3.0
wisdomQQ·2020-10-09 13:58

Vue2.x Vue3.0 dom diff 算法源码分析+动图展示

dom-diff概述比较只会在同层级进行,不会跨层级比较Vue2.xdiff算法1.vue2.xdom-diff算法核心源码functionupdateChildren(parentElm,oldCh,newCh,insertedVnodeQueue,removeOnly){varoldStartIdx=0;//旧节点开始indexvarnewStartIdx=0;//新节点开始indexvaro
CO2爱前端·2020-10-09 12:44

Vue3.0新特性（一）

目录一、setup二、ref传入原始数据类型三、reactive传入对象类型四、生命周期钩子函数一、setupsetup函数是compositionAPI（组合式API）的一个入口点✦调用时机先创建组件实例，再初始化props，紧接着调用setup函数。从生命周期钩子视角来看，setup函数会在beforeCreate钩子之前被调用✦模版中使用如果setup返回一个对象，则对象的属性将会被合并到组
taoqidejingling·2020-10-09 00:56

vue3.0学习第一天(vue3.0的亮点)

1.vue3.0六大亮点-Performance:性能比vue2.x快1.2~2倍-Treeshakingsupport:按需编译，体积比vue20x更小-compostionAPI:组合API-BetterTypeScriptsupport:更好的Ts支持-CustomRendererAPI:暴露了自定义渲染的API-Fragment,Teleport,Suspense:更先进的组件2.vue3
smart__yang·2020-10-06 16:50

让我们一起愉快地学习vue3.0吧

Object.defineProperty=>Proxy重构了虚拟DOMOptionApi=>CompositionAPIsetup是干啥的？setup实际上是一个组件的入口，它运行在组件被实例化时候，props属性被定义之后，实际上等价于2版本的beforeCreate和Created这两个生命周期。setup接受两个参数，第一个参数是props，另一个参数是context，setup(prop
叫我詹躲躲·2020-10-06 13:57

Vue3.0 Composition API 介绍

vue3.0最近发布了，可是好像还没看到有中文的文档，于是本人根据英文的文档进行了简单的翻译，仅仅是想提高自己对文档的理解，同时也作个记录，将会缓慢更新，相信官方很快会推出正式的中文文档......如果发现文中哪里的翻译
rebornszoro·2020-09-29 00:31

vue-cli4/vue-cil3使用process.env.VUE_APP_BASE_API全局地址代替vue-cli2的process.env.BASE_API

前几天Vue3.0正式发布，也说明了Vue3.0后面不会再有大规模改动，大家可以开始系统性学习了，虽然目前大多数公司使用的还是Vue2.0，但这只是一个过渡阶段，Vue3.0经历了两年的开发，在去年Vue2.0
文化沙漠麦七·2020-09-28 09:15
上一页 36 37 38 39 40 41 42 43 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他