Vue3.0

Vue3.0学习笔记

Vue学习笔记Vue3.0Vue3快速上手1.Vue3简介2.Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性1、创建Vue3.0工程1.1使用vue-cli创建1.2
muzi187·2023-01-18 14:50

Vue3.0从入门到一骑绝尘

一、vue3.0快速上手1、Vue3简介Vue3.0支持大多数的Vue2的特性，Vue3中设计了一套强大的composition组合API代替Vue2中的optionAPI，复用性更强大了，对TypeScript
java亮小白1997·2023-01-18 14:20

手写 Vue3.0 源码——响应式 api

@vue/reactivity本节实现响应式相关api，包括如下@vue/reactivity/src/index.tsexport{ref,shallowRef,toRef,toRefs}from"./ref";export{effect}from"./effect";export{computed}from"./computed";export{reactive,shallowReactive
兰亭古墨·2023-01-18 14:50

vue3.0基础语法总结

vue3.0基础语法总结前言大家好！我叫椰_季，是一个刚入行不久得前端工程师，本着在提升自我学习能力为前提和认识一些前端方面得朋友为主要任务。准备发布一篇自己学习vue3.0基础语法的总结。
dum_plings·2023-01-18 14:49

Vue3.0源码系列（一）响应式原理 - Reactivity

更多vue3源码分析尽在：www.cheng92.com/vue该系列文章，均以测试用例通过为基准一步步实现一个vue3源码副本(学习)。文字比较长，如果不想看文字可直接转到这里看脑图简介reactivity是vuenext里面通过proxy+reflect实现的响应式模块。源码路径：packages/reactivity入口文件：packages/reactivity/src/index.ts疑
若叶岂知秋vip·2023-01-18 14:18

vue3.0指南

1.创建vue3项目使用vue-cli【依赖于webpack】想要创建vue3.0的项目，脚手架的版本必须在4.5.0以上vuecreate项目名称使用vite创建vite–新一代的前端构建工具npminitvite-app
vousmevoyez0613·2023-01-18 14:18

Vue3.0(代号：One Piece)

文章目录Vue3快速上手1.Vue3简介2.Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二
_CX_·2023-01-18 14:47

vue3.0全新文档快速上手学习内容整理

目录##1.Vue3简介##2.Vue3带来了什么###1.性能的提升###2.源码的升级###4.新的特性1.CompositionAPI（组合API）2.新的内置组件3.其他改变#一、创建Vue3.0
船长在船上·2023-01-18 14:47

从零解读Vue3.0源码响应式系统

首先看下面effect的传参，fn是回调函数，options是传入的参数。exportfunctioneffect(fn:()=>T,options:ReactiveEffectOptions=EMPTY_OBJ):ReactiveEffect{if(isEffect(fn)){fn=fn.raw}consteffect=createReactiveEffect(fn,options)if(!op
不正经开发者·2023-01-18 14:47

vue3中的生命周期

1、通过组合式API的形式去使用生命周期钩子Vue3.0中可以继续使用Vue2.x中的生命周期钩子，但有有两个被更名：beforeDestroy改名为beforeUnmountdestroyed改名为unmountedVue3.0
Doe·2023-01-18 11:16

Vue版本vue2.9.6升级到vue3.0的详细步骤

一直使用vue2.x版本，项目开发过程中由于一个模块涉及的集成模块过多，导致需要进行定义的变量越来越多，代码出现冗余，因此在同事的推动下，鉴于vue3.x的优化，故对自己本来使用的vue2.9.6升级到vue3.0
·2023-01-17 08:47

Vue3.0实现无限级菜单

本文基于Vue3.0实现了一个可配置的无限等级菜单，关键代码如下：后端返回的菜单项数据结构后端服务一般不会直接返回一个树型结构菜单集合给前端，这样做也不合理。前端应该根据自己的具
·2023-01-16 05:02

Vue3.0之.vue文件出现红色波浪线

在我们使用Vue3.0构建项目之后我们会发现.vue文件中出现了红色波浪线的检测提示问题。
蜉蝣&一粟·2023-01-14 06:52

vue3 获取ref里Proxy里的数据

就是这样的原因vue3.0使用Proxy
Mr.Meng_95·2023-01-14 04:11

vite搭建vue3+ts项目（包含sass，vue-router）

一.相关资料网址vue3.0官网：https://cn.vuejs.org/vite官网：https://vitejs.cn/二.通过vite进行创建的步骤npminit@vitejs/app创建项目的名字选择
@luffy27·2023-01-11 07:08

9.7 vue/react面经

Vue3.0里为什么要用ProxyAPI替代definePropertyAPI？React生命周期函数Re
just today·2023-01-10 15:24

Vue3.0移动端页面适配屏幕pxtorem(自动将px转化为rem)

（1）安装postcss-pxtorem`npminstallpostcss-pxtorem-D`（2）安装postcss、postcss-loader、amfe-flexible`npminstallpostcsspostcss-loaderamfe-flexible--save`（3）在main.js中引入amfe-flexible`import'amfe-flexible'`（4）配置，创建
拥有丰富羽翼的菜鸟·2023-01-09 16:14

Vue3.0在template、script、style中引用图片资源的方式

alias别名配置和css全局变量设置在vue.config.js中通过config.resolve.alias设置别名，通过css设置scss的全局变量@就代表src所以也可以这么写.set(‘views’,resolve(’@/views’))module.exports={lintOnSave:true,baseUrl:'./',productionSourceMap:true,chainW
小凳子腿·2023-01-06 18:04

Vue3.0 —— setup、ref、reactive和 computed的简介及使用

一.setup特性：1、setup函数是处于生命周期函数beforeCreate和Created两个钩子函数之间的函数也就说在setup函数中是无法使用data和methods中的数据和方法的2、setup函数是CompositionAPI（组合API）的入口3、在setup函数中定义的变量和方法最后都是需要return出去的不然无法再模板中使用使用：1.setup可以作为函数使用：{{msg}}
z_小张同学·2023-01-05 17:53

vue-vue3(2)-setup与ref函数,reactive函数

2)-setup常用CompositionAPI官方文档:https://v3.cn.vuejs.org/guide/composition-api-introduction.htmlsetip理解：Vue3.0
飘然渡沧海·2023-01-05 17:53

Vue3（工程创建 setup ref，reactive函数）

vue3带来了什么：性能的提升源码的升级拥抱TypeScript新的特性创建Vue3.0工程使用vue-cli创建##查看@vue/cli版本，确保@vue/cli版本在4.5.0以上vue--version
Nico.lucky·2023-01-05 17:23

Vue Vue3中的setup、ref、reactive

文章目录setupref函数reactive函数reactive对比refsetup两个注意点参数props参数contextsetup1、理解：vue3.0中一个新的配置项，值为一个函数2、setup
Errol_King·2023-01-05 17:53

vue3.0中setup ref reactive toRefs 函数详解

vue3常用函数的使用setup函数用法,可以代替Vue2中的data和method属性,直接把逻辑加在setup中ref函数在temlate中用的变量需要用ref包装下return出去的数组和方法在模板中才可以使用setup(){constgirls=ref(["小红","小英","晓红"]);constselectGirl=ref("");constselectGirlFun=(index)=
程序员Better·2023-01-05 17:22

vue3.0 + xlsx 实现纯前端生成excel表格

vue3.0+xlsx实现纯前端生成excel表格1.安装依赖npminstallxlsx--save2.导入依赖import*asXLSXfrom'xlsx'//Vue3版本代码示例js部分代码如下（示例）：import{ref,reactive}from"vue";exportdefault{setup(props){//模板下载constdownloadIpList=(isData)=>{l
Cookie686·2023-01-01 13:38

VUE3.0与2.0使用感受

vue3.0更新很久了，最近用到了，结合自己的使用vue2.0的经历，官方文档，以及几位大神的博客，说一下使用中的改变，水平有限，不对的地方欢迎指正，会持续更新先说一个vue3的缺点，我发现vue3无法使用
要这头发有何用··2022-12-31 20:11

vue2和vue3的区别

每一次的版本迭代都是对上一个版本的升级优化，不管是对于我们开发者还是对于用户体验都是不断地在越来越方便，接下来我会着重于开发者来说一下两个不同版本的区别，详解1.vue2.0和3.0的初始化就存在着一定区别，比如vue3.0
你有遗憾吗·2022-12-31 20:39

vue3.0 && Typescript

————————————————本文为CSDN博主「菜鸡的全栈路」的原创文章，原文链接：https://blog.csdn.net/qq_39403733/article/details/93807519https://blog.csdn.net/qq_39403733/article/details/93756705转载过来根据个人习惯以及理解对文章有所改动，原版更清晰有条理请转至看原文。ts是
二两小小·2022-12-31 20:39

Vue3.0源码解析：Vue3.0的重大变革

从vue.js到vue2.x最大的变革是就是引入了虚拟dom的概念，一路走来vue也算是在艰难中前行，vue3.0正向前端开发者阔步走来。那么vue3.0又将带来哪些重大变革呢？
leelxp·2022-12-31 20:38

vue3.0初认识

vue3.0的优化：（1）性能提升打包大小减少41%初次渲染快55%，更新渲染快133%内存减少44%使用proxy代替defineProperty实现响应式重写虚拟DOM的实现Tree-Shaking
猜不透我的想法·2022-12-31 20:08

vue经历从2.0到3.0更新

次的版本迭代都是对上⼀个版本的升级优化，不管是对于我们开发者还是对于⽤户体验都是不断地在越来越⽅便，接下来我会着重于开发者来说⼀下两个不同版本的区别，详解1.vue2.0和3.0的初始化就存在着⼀定区别，⽐如vue3.0
自由人686·2022-12-31 20:38

vue 3.0 响应式数据原理

vue3.0数据响应式原理的实现：1:实现原理:通过(Proxy)代理实现:拦截对象中任意属性的变化,包括属性值的读写,属性的添加,属性的删除等操作。
猕猴桃-HR·2022-12-30 10:28

vue3.0和elementPlus简单后台管理模板，动态路由

所用技术：vue3.0-ts3.9-vueRouter4.0-vueCli4.5-vuex4.0-elementPlus自己写的小demo：https://github.com/584832915/vue3.0-ts-elementPlus目前有的功能:动态路由、路由传值，父子传值、computed，watch、简单vuex状态管理、echarts动态数据、element表单验证重置等echart
weixin_丫头片子·2022-12-25 06:42

一文掌握 Vue3.2 setup 语法糖

在Vue3.0中变量必须return出来，template中才能使用；而在Vue3.2中只需要在script标签上加上setup属性，无需return，template便可直接使用，非常的香啊！
前端开发博客·2022-12-24 07:41

VUE之VUEX常见面试题大全汇总--史上最全【vuex面试题】

推荐文章：vue3面试题：最新vue3.0前端经典面试试题及答案（持续更新中……）_南北极之间的博客-CSDN博客打包大小减少41%初次渲染快55%,更新渲染快133%内存减少54%......使用Proxy
南北极之间·2022-12-23 15:52

vue3+ts

vue3.0、ts、pinia、vite七七八八汇总***JS******ts******vue3.0******vue3中单文件组件******vite+vue3.0+ts+pinia项目搭建***cat
搬砖界的小菇娘·2022-12-22 20:06

前端开发：Vue混入(mixin)的使用

前言在前端开发中，作为开发者关于Vue框架的使用不必多说，Vue的框架也是目前最为好用的框架之一，虽然Vue3.0已经成为了主流版本（Vue2.0和Vue3.0还是有不少差别的），但丝毫不影响开发使用。
三掌柜666·2022-12-22 16:27

前端关于面试你可能需要收集的面试题

在Vue3.0中通过Proxy来替换原本的Object.defineProperty来实现数据响应式。Proxy是ES6中新增的功能，它可以用来自定义对象中的操作。
·2022-12-20 11:15

前端关于面试你可能需要收集的面试题

在Vue3.0中通过Proxy来替换原本的Object.defineProperty来实现数据响应式。Proxy是ES6中新增的功能，它可以用来自定义对象中的操作。
·2022-12-20 11:08

从零开始搭建一个VUE3.0项目之基础搭建（一）

最近在整理之前的笔记，现在回头来看，发现之前写的一些VUE相关笔记还是比较粗糙的，特此梳理一遍，所以就有了这一篇文章。1安装nodejs什么是node.js?简单的说Node.js就是运行在服务端的JavaScriptNode.js是一个基于ChromeJavaScript运行时建立的一个平台直接在官网下载对应版本安装即可官网下载地址：http://nodejs.cn/download/PS:推荐
光滑的秃头·2022-12-17 07:03

从零开始搭建一个VUE3.0项目之路由跳转和拦截（二）

在从零开始搭建一个VUE3.0项目之基础搭建（一）之后，接下来需要进行单页面上的开发，通过vue-router进行页面路由。
光滑的秃头·2022-12-17 07:03

从零开始搭建一个管理系统-vue3.0项目创建-----1

从零开始搭建一个管理系统-vue3.0项目创建-----1讲在前面webpack构建项目代码编辑器依赖修改码云代码地址讲在前面假设你已了解关于HTML、CSS、JavaScript和vue的中级知识。
小纸人一号·2022-12-17 07:32

VUE3.0从零开始-项目搭建(1)

1.Nodejs安装安装地址：https://nodejs.org/zh-cn/预装环境：nodev8+为什么需要运行环境VUE项目==文件类型是.vue他是需要被编译成.js文件，才可以被浏览器识别安装复杂度一键安装会不会增加学习成本我们只是运用node环境，不需要单独学习查看node版本：node–vVu3需要node版本8以上2.设置镜像源查看npm版本：npm-vnpm镜像：淘宝npm镜像
觉悟不晚的程序员·2022-12-17 07:02

从零开始搭建Vue3.0项目入门篇

采用cli脚手架方式快速搭建项目1.确保本机已安装nodejs和npm执行下列命令安装vue2.切换淘宝镜像可以多执行几次npmconfigsetregistryhttp://registry.npm.taobao.org3.安装cli脚手架官网链接：安装|VueCLInpminstall-g@vue/cli 4.创建项目vuecreatehello-world运行后让选择创建方式，此处使用默认配
跟我聊天我会闯红灯·2022-12-17 07:02

完整从零开始搭建一个Vue3.0项目

1、安装Vue3.0在这之前需要安装Node.js和npm，这部分网上有很多资料。有了环境之后，我们新建一个项目文件夹，路径中最好不要有中文。
Super写Java·2022-12-17 07:30

从零搭建vue3.0项目架构（附带代码、步骤详解）

然后按照2.0的功能和代码，按照vue3.0的语法，完全重写了一遍。虽然名字叫cli，其实两个库都是基于vue-cli创建的。
词不达yi、·2022-12-17 07:54

从零搭建vue3.0项目框架与基本封装

从零搭建vue3.0项目框架与基本封装一、先卸载旧版本如果没有旧版本可直接跳过此步骤npmuninstallvue-cli-g二、安装VueCLI3npminstall-g@vue/cli三、创建项目进入要创建项目的目录
陆仁丶·2022-12-17 07:51

使用Vite搭建vue3.0 + Naive UI 项目

使用Vite搭建vue3.0项目前提：环境准备1.使用NPM安装2.安装2.1输入项目名称选择要创建的框架（我们选择Vue）2.2选择vue-ts如下图所示2.3按照指示进入创建的目录结构查看2.4安装依赖
James_liPeng·2022-12-17 07:47

从零开始搭建Vue3.0项目

从零开始搭建Vue3.0项目所使用的软件及工具，环境1.确保本机已安装nodejs和npm2.Vue-cli项目搭建所使用的软件及工具，环境软件vscode：vscode地址下载，svn集中式管理：是一个开源的代码版本控制系统
Zan^Z·2022-12-17 07:15

vue3.0结合vben开源项目的开发思路

前言经过前边两篇文章的介绍，相信大家对vue3.0和ts已经有了基本的了解，接下来文章内容将从以下几个方面结合vben实例开源项目进行详细介绍和总结：1、app如何创建实例2、vuex（pinia)如何进行使用
一个不知名的南墙·2022-12-15 13:03

vue3中的对象时为proxy对象，如何获取值

vue3中的对象时为proxy对象，如何获取值第一种获取target值的方式：第二种获取target值的方式，通过json序列化之后可获取值使用vue3.0时，因为底层是使用proxy进行代理的所以当我们打印一些值得时候是
落魄实习生·2022-12-15 00:04
上一页 19 20 21 22 23 24 25 26 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他