VUE3.0

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

大前端学习-Vue3.0介绍

文章内容输出来源拉勾教育大前端高薪训练营1、Vue.js3.0源码组织方式的变化CompositonsAPI性能提示Vite源码组织方式源码采用TypeScript重写使用Monorepo管理项目结构packages目录结构pageages目录下都是独立发行的包，可以独立使用，以compiler开头的包，它们都是和编译相关的代码compiler-core和平台无关的编译器compiler-dom是
大白菜_·2020-09-25 22:47

vue3.0 组合API用法

引入依赖reactiveimport{reactive}from'vue'html页面效果image.pnghtml页面{{num.num}}累加add{{item.a}}=={{item.b}}import{removeData,addData,addNum}from'./handerFun'exportdefault{name:'Home',components:{},setup(){let{
Allen6879·2020-09-24 17:56

vue 2 迁移到 vue 3 细节总结

查看vue3.0文档后，总结记录一下从vue2迁移到vue3所需的一些更改，方便日后对比学习新版本。
来打小怪啊·2020-09-24 14:14

vue3.0不同于vue2.x的一些地方

vue3.0不同于vue2.x的一些地方1.Composition-Apivue2.x使用的是OptionsAPIsvue3.0仍然支持vue2.x的那种选项API(OptionsAPIs)的方式vue2
FreeSky吴·2020-09-24 12:47

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

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

vue3.0 上手体验

vue3.0beta版本已经发布有一阵子了，是时候上手体验一波了～注意，本文所有演示都是基于vue3.0beta版本，不保证后续正式版api不改动。等官方文档出来后，以官网为准。环境搭建直接使用脚手架，如果本地没有安装的可以执行脚手架安装命令：npminstall-g@vue/cli如果本地安装过的，可以尝试更新一下：npmupdate-g@vue/cli测试vue-cli版本：vue-V@vue
·2020-09-23 11:24

Vue3为什么这么快

（当然不是什么都追求快的，有些事情快起来是不行滴）昨天Vue3.0正式发布了，激动的心，颤抖的手，摸了摸我的头发，嗯~还好。
·2020-09-23 11:53

Vue 3.0 来了，我们该做些什么？

靓仔路过，不要错过想必Vue3.0发布这件事，大家都知道了。
奈何缘浅wyj·2020-09-23 08:37

快速上手vue3.0

vue3.0环境安装安装最新vue脚手架npmi@vue/cli-g通过脚手架创建项目，并选择3.0vuecreatevue-next运行项目npmrunservevue3.0组合式apivue2.0采用的叫做选项式
搬砖猴哥·2020-09-21 12:52

Vue 3.0 来了，我们该做些什么？

靓仔路过，不要错过想必Vue3.0发布这件事，大家都知道了。
我是13·2020-09-21 09:00

刚出炉的 Vue 3.0 新特性

围绕最新发布的vue-compisition-api，同时也是vue3.0最重要的一些新特性，例如setup()函数、reactive()、ref()等这些VueHooks创建一个vue3.0-beta
19岁的墨先生·2020-09-20 16:49

Vite创建Vue3.0项目

1.全局安装create-vite-appnpmi-gcreate-vite-app2.创建项目目录create-vite-app项目名3.运行cd项目名npminstallnpmrundev4.查看http://localhost:3000/
六寸光阴丶·2020-09-20 15:46

vue: vue3的优化 开始vue3项目

Vue3.0中文文档链接（现有用户直接到迁移指南迁移链接）支持vue3的组件库：Element-plusVant3.0Ant-design-vuevue2两个问题：对复杂组件难以维护；对typescript
小强有个dream·2020-09-20 01:13

你期待已久的Vue 3 正式发布啦！

Vue3.0的发布标志着此框架整体上已处
微信公众号：晨曦大前端·2020-09-19 14:08

重磅来袭 Vue 3.0 One Piece 正式发布

代号为OnePiece的Vue3.0在9月19日凌晨正式发布！！此次vue3.0为用户提供了全新的composition-api以及更小的包大小，和更好的TypeScript支持。
sjpqy·2020-09-19 08:00

VUE3.0环境变量

环境变量，就是全局需要用到的变量，比如接口地址，项目名称等。项目又可能身处不同的环境，比如测试环境、开发环境不同，请求的接口地址不同。环境变量文件位置于项目根目录，文件名是.env、.env.development和.env.production.env所有环境都会加载的配置文件.env.development开发环境加载的配置文件(npmrunserve启动会加载的配置).env.product
曹木匠·2020-09-18 11:48

vue3.0使用postcss-px2rem适配移动端爬坑之路

这次使用了一下postcss-px2rem来适配移动端，爬了一些坑，记录一下postcss-px2rem插件的转换，有利也有弊：利：直接内部px换成为rem弊：无法在控制台调试，并且会转换第三方的UI这次使用了iview4.0测试了一下，最后放弃了postcss-px2rem，改用postcss-px2rem-exclude总的使用过程就是npmipostcss-px2rem-exclude-D在
Isworking·2020-09-17 15:20

vue双向绑定原理（Proxy）

vue3.0将使用proxy来实现双向绑定于是简单做了个双向绑定的demo双向绑定点击改变valueconstscope=$("#scope");constlength=scope.find('input
primedream_RYH·2020-09-17 14:09

扶我起来，Vue 3.0终于来了！

没错，雨溪大神来了，他带着Vue3.0源码来了。
小北哥哥和北妈·2020-09-17 04:47

【 vue-next-demo】尝鲜 vue 3.0

前言vue3正式进入beta阶段也有一段时间了，网上众说纷纭，所以入手vue3.0，自己体验一下。
_pengliang·2020-09-16 14:42

VUE3.0 体验版API，实战大公司级管理后台开发

学习内容：Vue+Vuex+Router+ElementUi+Webpack全家桶，VUE3.0体验版API，组件化开发，生命周期，路由权限，Sass，Axios拦截器，缓存，项目部署，Nginx，域名
Fisherman.Mr·2020-09-16 12:20

Typescript中导入vue文件报错

文件导入报错创建一个shims.d.ts文件，放置到src/globalDeclare中declaremodule'*.vue'{importVuefrom'vue';exportdefaultVue;}vue3.0
py_boy·2020-09-16 09:14

在vue3.0中如何去除网址中的#

vue的history模式的实现在vue3.0中如何去除网址中的#号history模式在vue3.0中如何去除网址中的#号事情是这样的，最近在用vue写一个商场的项目，当时对于页面网址美观程度并无要求，
qq_34867424·2020-09-16 03:12

vue-cli3.0搭建项目详细步骤

vue-cli3.0搭建项目一，安装node.js安装vue3.0需要node.js8或者9以上的版本。
白纸一张zzz·2020-09-15 23:26

从0到1，使用proxy手把手带你实现一个vue框架

一、写在开头vue3.0通过proxy对vue进行了重构，那么今天我们就来通过proxy来实现一版自己的vue框架吧看完该文，您将学到proxy与Object.defineProperty的区别通过proxy
重阳微噪·2020-09-15 12:00

Vue 中使用 TypeScript以及多种写法-笔记

文章目录前言两种方式VueCLI创建项目变动以及说明已有项目增加ts配置Vue的多种写法常规OptionsAPIsClassAPIsClassAPIs+关于Vue3.0使用realworld练习创建模板
梁小哥i·2020-09-15 11:10

vue3.0项目打包后，由于vender.js 文件过大引起的首页加载时间缓慢的解决方式

项目打包后加载时间及大小1.下图为vender.js加载时间，会发现vebder.js大小将近2M，加载时间蓝条很长解决方式我同时用了两种解决方式，来减少vender.js的大小1.路由懒加载vue-router路由懒加载（解决vue项目首次加载慢）也叫延迟加载，即在需要的时候进行加载，随用随载。简单的说就是：进入首页不用一次加载过多资源造成用时过长！！！像vue这种单页面应用，如果没有应用懒加载
qq_34867424·2020-09-15 08:01

《vue 3.0探险记》- 尝试安装And Design

继上一篇：《vue3.0探险记》-尝试安装ElementUI，我们发现element这是要跑路的节奏，那就赶紧找好下家，想一想饿了么被阿里给收购了，阿里有AndDesign,一家公司确实不需要两种风格的
「已注销」·2020-09-15 03:08

《vue 3.0探险记》- 尝试安装Element UI

总结：elementui未适配vue3.0,在vue3.0中，elementui不可用。
「已注销」·2020-09-15 03:08

sass之mixin的全局引入（vue3.0）

1.scss文件（mixin.scss）//设置宽高@mixinwh($w,$h){width:$w;height:$h;}2.配置loader//vue.config.jscss:{loaderOptions:{sass:{prependData:`@import"~@/styles/mixin.scss";`}}}低版本的用data//vue.config.jscss:{loaderOptio
chensunxu·2020-09-15 00:24

【教程】手摸手教你从0到1学习vue3

一有好货立马分享~各位请笑纳：第2学时安装node.js、vue3.0脚手架、创建github代码管理仓库、构建vue项目第3学时2.0与3.0的差异，vue.config.js、引入全局样式、router
这真的是一个帅气的名字·2020-09-14 15:01

vue-cli3.0从0开始搭建项目

vue3.0真的比vue2.0简单很多1.初始化项目1.1全局安装vue-cli创建vue项目，首先要确保全局安装了vue命令行工具我这次打算使用yarn，因为yarn要比npm好用的多，强烈推荐使用。
love-study-lele·2020-09-14 11:15

Vue3.0的项目部署,以及利用Cordova打包app运行到真机

普通vue项目的部署在vue3.0中部署的配置文件又换了一个地方，在vue.co在这里插入代码片nfig.js加入这样的话module.exports={publicPath:'./',outputDir
Crazy丶金将·2020-09-14 11:31

浅析 Vue3.0 响应式数据技术

个人博客导航页（点击右侧链接即可打开个人博客）：大牛带你入门技术栈"别再更新了，实在是学不动了"这句话道出了多少前端开发者的心声，"不幸"的是Vue的作者在国庆区间发布了Vue3.0的pre-Aplha
weixin_41663412·2020-09-14 09:52

浅尝vue3.0，万字总结

不知不觉vue3.0都进入beta版本，离正式版也快了，之前读了不少vue3.0的文章，但纸上得来终觉浅，现在就上手写个demo吧！！！
随风丶逆风·2020-09-14 09:34

vue 3.0新特性之reactive与ref

vue3.0新特性参考：https://www.cnblogs.com/Highdoudou/p/9993870.htmlhttps://www.cnblogs.com/ljx20180807/p/9987822
weixin_44273311·2020-09-14 08:29
上一页 37 38 39 40 41 42 43 44 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他