VUE3.0

vue创建html5+项目,从零开始用webpack构建一个vue3.0项目工程的实现

前言入门级别教程，适用于初级工程师移动端单页面Demo正文第一步找一个你认为合适的磁盘。输入mkdirtest,cdtest,npminit-y。第二步安装依赖webpack系列依赖webpackwebpack-clibabel系列依赖@babel/core@babel/preset-env移动兼容方案amfe-flexibleautoprefixeraxiosaxioswebpackloader
zeroF91·2021-07-02 09:44

Vue3.0写自定义指令的简单步骤记录

前言vue中提供了丰富的内置指令，如v-if,v-bind,v-on......,除此之外我们还可以通过Vue.directive({})或者directives:{}来定义指令在开始学习之前我们应该理解，自定义指令的应用场景，任何功能的开发都是为了解决具体的问题的，通过自定义指令，我们可以对DOM进行更多的底层操作，这样不仅可以在某些场景下为我们提供快速解决问题的思路，而且让我们对vue的底层有
·2021-06-27 16:11

说说Vue2.0和Vue3.0有什么区别

1.重构响应式系统，使用Proxy替换Object.defineProperty，使用Proxy优势：•可直接监听数组类型的数据变化•监听的目标为对象本身，不需要像Object.defineProperty一样遍历每个属性，有一定的性能提升•可拦截apply、ownKeys、has等13种方法，而Object.defineProperty不行•直接实现对象属性的新增/删除2.新增Compositi
来了啊小老弟·2021-06-26 14:44

vue3.0的基础语法

首先我们安装vue3.0以上的脚手架全局cnpminstall@vue/cli-init-g//兼容vue2.0的也可以下创建项目vuecreate项目名此时打开你的package.json文件，看里面的
物是人非dhr·2021-06-25 00:45

vue3.0 .env 文件配置全局环境变量

文件命名必须以如下方式命名，不要乱起名，也无需专门手动控制加载哪个文件命名说明加载.env全局默认，任何环境都加载合并.env.development开发环境下的配置文件npmrunserve.env.production生产环境下的配置文件npmrunbuild文件内容属性名必须以VUE_APP_开头，比如VUE_APP_XXX只有以VUE_APP_开头的变量会被webpack.DefinePl
栗子daisy·2021-06-22 16:44

学习笔记（十五）Vue.js源码剖析 - 响应式原理

Vue.js源码剖析-响应式原理准备工作Vue源码获取这里主要分析Vue2.6版本的源码，使用Vue3.0版本来开发项目还需要一段时间的过渡项目地址：Vue2.6https://github.com/vuejs
彪悍de文艺青年·2021-06-22 14:59

[笔记] Vue3.0源码解析

Vue3.0源码解析源码优化目的是让代码更易于开发和维护。
木子士心呦·2021-06-22 07:04

初识webpack（三）环境分离终结篇(大概吧~~)

（其实是我不大想使用vue3.0脚手架生成，但是我又想使用webpack4.0....所以就仿照vue2.x脚手架生成的webpack配置，完成w
Sky_Zh·2021-06-22 03:41

无Vue最全知识点，面试必备（基础到进阶，覆盖vue3.0，持续更新整理，欢迎补充讨论）标题文章

基础篇说说你对MVVM的理解Model-View-ViewModel的缩写，Model代表数据模型，View代表UI组件,ViewModel将Model和View关联起来数据会绑定到viewModel层并自动将数据渲染到页面中，视图变化的时候会通知viewModel层更新数据了解mvc/mvp/mvvm的区别Vue2.x响应式数据/双向绑定原理Vue数据双向绑定主要是指：数据变化更新视图，视图变化
程序员Maria·2021-06-21 07:42

vue3.0 变化

ProxyAPIvue2.X中的definePropertyAPI优点：兼容性好，支持IE9缺点：Object.definPropecty是对对象属性的监听，要监听这个对象势必要循环+递归，这无疑会有很大的消耗。无法直接监听属性的新增和删除无法直接监听数组（通过hack重写了数组，但也仅能完成7个数组的监听，push()、pop()、shift()、unshift()、splice()、sort(
zhudying·2021-06-19 23:32

Proxy，Reflect

Proxy这个词的原意是代理，用在这里表示由它来“代理”某些操作，可以译为“代理器”监视某个对象的属性读写Object.defineProperty（vue3.0之前，3.0之后使用proxy）简单介绍下
·2021-06-18 21:14

一起来看看这份集齐vue/vue3.0面试通杀秘籍（2021版） PDF，面试官问的源码问题绝对稳了！

Vue3.0对于我们前端人的重要性——2021年面试必备前言2020年09月18日，vue3.0正式发布。随着它的发布，Vue.js再次被推上了前端的风口浪尖。
程序员阿野·2021-06-18 17:17

再见，Vue2.x

作者：张容铭来源：爱创乐育www.icketang.com前言Vue3.0在去年9月正式发布了，也有许多小伙伴都热情的拥抱Vue3.0。
IC_538264·2021-06-17 13:04

vue3.0 2021-05-16

1.diff算法优化，添加静态标记，需要改变的才做比较，达到了性能上的提升image.png静态提升XmoXmoXmo{{msg}}静态变量未提升import{createVNodeas_createVNode,toDisplayStringas_toDisplayString,openBlockas_openBlock,createBlockas_createBlock}from"vue"exp
追逐繁星D孩子·2021-06-15 16:22

Vue3.0 性能优化及新特性

Vue3.0的六大亮点：性能Tree-shaking支持CompositionAPIFragment、Teleport、Suspense更好的TS支持自定义渲染API编译时对VDom的性能优化PatchFlag
裘马轻狂大帅·2021-06-15 16:47

在Vue中为什么需要组合API

目前在Vue世界中，最热门的话题是CompositionAPI，这是Vue3.0中引入的基于函数的API。在本文中，我们将学习这个新API，然后学习如何使用基于函数的API。
前端精髓·2021-06-15 11:12

CSS三角形样式生产器

css-triangle-generatecss-triangle-generate在线预览地址实现了如下的基本功能可调整三角形的高度可调整三角形的宽度可调整三角形的角度可调整三角形的背景色使用了Vue3.0
mills_han·2021-06-12 07:04

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

Vue团队先后对外发布了vue-function-api和vue-compisition-api的RFC本次分享围绕最新发布的vue-compisition-api，来讲解vue3.0的一些新特性，例如
高阳刘·2021-06-12 02:54

vite构建vue3.0项目踩坑

构建一个新项目npminstall-gcreate-vite-appcreate-vite-appmy-vue3-vitecdmy-vue3-vitenpminstallnpmrundev启动之后：image.pngcss预处理器需要放在package.json的devDependencies中；"devDependencies":{"less":"^3.12.2","less-loader":"
五更月下琉璃·2021-06-11 16:12

webpack4配置vue3.0 vue-composition-api

2020年9月7日一、前言vue3.0-beta版已经发布几个月了，最近在网上找了找相关文章怎么使用webpack4配置vue3.0，但网上千篇一律的都是使用vue/cli3、vue/cli4或Vite
我友几个逗逼·2021-06-11 10:33

Vue实现双向数据绑定Proxy和defineproperty区别

其中的实现方法就是我们提到的双向绑定模板引擎:如何解析模板渲染:Vue如何将监听到的数据变化和解析后的HTML进行渲染2.实现mvvm的双向绑定是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()或者vue3.0
冰雪_666·2021-06-09 04:58

vue3.0中的数据监听、响应式原理简析

实现可数据可响应的方式通过可响应对象，实现对数据的侦测，从而告知外界数据变化。单一的访问器getter和setterObject.defineProperty()--实现了vue2.0响应式原理Proxy--实现3.0版本的原理vue2.0响应式原理的弊端需要对Object和Array两种类型采用不同的处理方式。为了感知Array的变化，对Array原型上几个改变数组自身的内容的方法做了拦截，虽然
Mr无愧于心·2021-06-07 20:42

vue项目中使用scss全局变量

在vue3.0中可以配置vue.config.js来实现，全局导入一个sass或者是其他的样式module.exports={//定义全局的sass变量css:{loaderOptions:{sass:
RadishHuang·2021-06-04 02:00

快速掌握Vue3.0中如何上手Vuex状态管理

Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex也集成到Vue的官方调试工具devtools，提供了诸如零配置的time-travel调试、状态快照导入导出等高级调试功能。如果您不打算开发大型单页应用，使用Vuex可能是繁琐冗余的。确实是如此——如果您的应用够简单，您最好不要使用Vuex。
·2021-05-26 23:40

vue3.0使用tui.image-editor图片编辑组件报错TypeError: Cannot convert undefined or null to object

在vue3.0的项目中使用tui.image-editor组件。一直都是报错。查看报错位置发现代码addEventListener(){Object.keys(this.
Sqsdhc·2021-05-26 12:49

Vue3.0：如何在父组件中调用ref的子组件方法以及如何在Vue的原型对象上全局实现自定义函数的封装。

1、问题1：如何在父组件中去调用子组件的方法在使用vue3.0的时候，需要去调取子组件的方法去快速的解决需求，类似于在Vue2.x中的this.
听书先生·2021-05-25 15:24

Vue3.0介绍

一、Vue3.0源码组织方式源码组织方式的变化源码全部用TS重写。
泗洪双沟·2021-05-23 10:59

vue3.0特性

只有一张图但是却加入了很多比如setup代替了exportdefault然后组件等等之前的代码都是删除了可以少写很多的代码了虽然少写了但是其实不过是把这样的东西在编译的时候加到setup函数里面然后就是样式的问题如果接触过css变量的:root{a:1px}var(–a)这样的写法大概就会知道v-bind做了什么然后组件部分也做了减少ie官网宣布不支持了其实最近几天就发布了ie会慢慢的没落如果需要
刘勇大三入门前端·2021-05-23 10:10

vue3.0新特性学习笔记1（基本特性）

vue3.0的设计目标更小更快加强TypeScript支持加强API设计一致性提高自身可维护性开放更多底层功能]######1.性能方面的优化双向响应原理由Object.defineProperty改为基于
XKolento·2021-05-19 11:23

vue2.0/3.0的响应式原理及区别浅析

前言自从vue3.0正式上线以来，好多小伙伴都转战vue3.0了，这里把我自己总结的3.0和2.0的原理以及他俩的区别写出来，方便自己学习。
·2021-05-11 11:17

Vue最全知识点

Vue最全知识点，面试必备（基础到进阶，覆盖vue3.0，持续更新整理，欢迎补充讨论）参考文章传送:1.童欧巴对vue知识的整理2.我是你的超级英雄对vue知识的整理3.vue官网基础篇说说你对MVVM
Robertbiu·2021-05-10 17:10

vue2.0和3.0的响应式原理以及区别

前言自从vue3.0正式上线以来，好多小伙伴都转战vue3.0了，这里把我自己总结的3.0和2.0的原理以及他俩的区别写出来，方便自己学习。
郝峰Vip·2021-05-08 20:47

vue2.0和3.0的响应式原理以及区别

前言自从vue3.0正式上线以来，好多小伙伴都转战vue3.0了，这里把我自己总结的3.0和2.0的原理以及他俩的区别写出来，方便自己学习。
郝艳峰Vip·2021-05-08 20:49

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

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

《图解Vue3.0》- 第1节 Vue初识

初识vue.js是什么vue是什么？官网首页就有答案：渐进式JavaScript框架。有灵活，易用，高效的特点。官网首页有详细的介绍：https://cn.vuejs.org/v2/guide/如何理解渐进式个人理解：易上手，可以逐渐深入学习初创项目很简单，没有多余的东西，根据需要不断添加插件扩展项目。相关功能有：解耦视图与数据，数据驱动，可复用的组件，前端路由，状态管理，虚拟DOM等。与Reac
小张微说·2021-05-06 22:15

vue3的动态组件是如何工作的

一、组件注册1.1全局注册在Vue3.0中，通过使用app对象的comp
·2021-05-03 15:23

使用vite搭建vue3.0项目

一、安装vite搭建架子vite中文文档：https://cn.vitejs.dev/guide/vue3中文文档：https://vue3js.cn/docs/zh/guide/introduction.html1、搭建项目：npminitvite-app项目名称2、进入项目：cd项目名称3、安装依赖：npminstall4、启动项目：npmrundev这是安装完依赖后的项目结构image.pn
一个很菜的攻城狮·2021-04-29 10:04

vue3.0 + vite (一)页面渲染

vue3.0+vite(一)页面渲染{{text}}import{reactive,toRefs,onMounted}from"vue";//引入vueimport{ElMessage}from"element-plus";//elementUI库importaxiosfrom"@/utils/axios";//axios请求地址exportdefault{name:"Introduce",set
程程0221·2021-04-26 15:30

ES6的proxy记录

vue3.0要用proxy来改写取代之前的defineProperty,稍微来记录下Proxy可以理解成，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写
chouchou723·2021-04-22 22:31

Vite实现原理详解-学习笔记

Vite创建的项目就一个基于Vue3.0的应用，相比VueCLI创建的项目少了很多配置文件和依赖。Vite创建的项目开发依赖Vite@vu
优秀前端人·2021-04-22 17:47

vite的学习开篇-vue3.0以及ref,computed 的使用

——vite的学习开篇-vue3.0以及ref,computed的使用——学习vite之前，我们先来简单的认识一下vue3.01.使用vite必须使用node12及以上的版本vue-v检测一下版本是vue
syFamilybir·2021-04-22 16:12

Vue3.0新特性 ---组件Setup

Vue3.0新特性—组件Setupsetup函数是一个新的组件选项。作为在组件内使用CompositionApi的入口点。调用时机创建组件实例，然后初始化props，紧接着就调用setup函数。
程程0221·2021-04-20 16:08

vue3+typescript入门到精通

vue3.0入门到精通附B站讲解视频vue3+typescript入门到精通vue3.0安装前安装过vue的2.0版本，你需要把2.0相关的删除npmuni-gvue-cli安装vue/cli脚架npmi-g
王大合·2021-04-19 19:42

vue3.0的proxy响应式原理简单实现

vue3.0监测机制有了很大的改善，弥补了vue2.0的一些局限：对属性的添加、删除动作的监测；对数组基于下标的修改、对于.length修改的监测；对Map、Set、WeakMap和WeakSet的支持
秘果_li·2021-04-19 14:46

基于Vue cli的Vue3.0初体验

前言Vue3.0的步伐越来越近了，是时候了解起来了，虽然嘴上还喊学不动了，但是，身体还得诚实起来，接着学。。。
zhaoHui_Ti·2021-04-19 10:57

Vue3.0 新特性探索

Vue3官网文档1、Vue3.0新变化Proxy：不只是解决了defineProperty的局限性Performance：性能比Vue2.x快1.2~2倍Treeshakingsupport：可以将无用模块
小蓝_sv·2021-04-19 01:15

Vue3.0学习 - 第五节，reactive 什么是reactive

reactivereactive是Vue3中提供的实现响应式数据的方法。在Vue2中响应式数据是通过defineProperty来实现的，在Vue3中响应式数据是通过ES6的Proxy来实现的。具体参照Vue双向数据绑定，Vue3的Proxy和defineProperty的比较。reactive参数必须是对象(json/arr)如果给reactive传递了其它对象默认情况下，修改对象无法实现界面的
csl125·2021-04-19 00:41

Vue3.0学习 - 第七节，ref和reactive 递归监听

1.递归监听默认情况下，Vue3中的ref和reactive都是递归监听的，即能实时监听对象的底层变化。2.递归监听存在的问题如果数据量比较大，非常消耗性能ref和reactive的递归监听：state.a=={{state.a}}state.gf.b=={{state.gf.b}}state.gf.f.c=={{state.gf.f.c}}state.gf.f.s.d=={{state.gf.f
csl125·2021-04-18 23:37

Vue3.0如何使用Element UI组件

使用的是最新的Vue3.0，按照正常的elementui方式引入，结果页面出现空白，控制台出现报错情况。经了解，原来是从Vue3.0不支持ElementUI，而是改成了ElementPlus。
longerJue·2021-04-18 22:42

vue3 学习 之 vue3使用

vue2.0也是现在比较稳定的一个版本，社区还有周边都比较完善，如果不是非必要其实我们不需要着急直接升级到vue3.0;那为什么还要学习，主要是还是为了了解一下vue3.0相较于2.0的优势和特性，方便之后
嘎子同学·2021-04-18 22:42
上一页 30 31 32 33 34 35 36 37 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他