VUE3.0

day2.注入与挂载

vue2.0是通过Obejct.defineProperty方法完成了数据响应式,Vue3.0是通过Cla
Tiny_G·2022-07-07 17:08

Pinia.js状态管理器上手使用指南

actionaction间相互调用数据持久化安装使用自定义key持久化部分state最后前言Pinia.js是新一代的状态管理器，由Vue.js团队中成员所开发的，因此也被认为是下一代的Vuex，即Vuex5.x，在Vue3.0
·2022-07-07 12:54

Vue3 —— 创建 Vue3.0 工程

文章目录一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、分析工程结构三、安装开发者工具一、创建Vue3.0工程1.使用vue-cli创建查看@vue/cli版本，确保@vue/
前端杂货铺·2022-07-07 09:42

Vue3.2 setup语法糖及Hook函数基本使用

代码示列：defineExpose---->[组件暴露出自己的属性]代码示列：hook函数介绍：示列:引言在2021年8月5日，Vue发布了3.2版本的新写法，其中最主要的亮点就在于setup的语法糖，学过Vue3.0
·2022-07-06 16:38

叮~您有一封Vue.js挑战邀请函,请查收

vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有所帮助.背景距离Vue3.0
·2022-07-04 08:42

vue3基础使用总结

创建vue3的项目（基于脚手架）//前提：将vue-cli升级到4.x的版本vuecreatemy-app-ts//使用tsnpminstalltypescriptts-node-g生成时操作如下:二、vue3.0
halo1416·2022-07-03 18:33

vue3.0中setup中异步转同步的实现

目录vue3setup中异步转同步vue3中setup前加上async后页面不显示子组件父组件中需要单独设置使用vue3中的异步vue3setup中异步转同步vue3中setup前加上async后页面不显示**问题描述**在开发vue3中，因为通过接口数据为异步函数获取，导致最后数据无法成功赋值进return中的数据。所以需要setup函数异步转同步，后设置了async后异步转同步，结果导致页面空
·2022-07-02 13:38

动画详解Vue3的Composition Api

目录回顾OptionApiOptionApi的缺陷CompositionApi众所周知，Vue3.0带来了一个全新的特性——CompositionAPI。
·2022-07-01 17:05

vue3.0组件通讯及方法互调

先吹吹牛逼吧3.0顾名思义一顿操作猛如虎一看bug一脸懵逼既然使用了vue3.0肯定是和2.0一样首先把基础的组件通讯给搞明白了所以今天就带着大家来看看vue3.0是怎么进行组件通讯的以及组件之间的方法相互操作先写两个组件吧
沫熙瑾年·2022-06-29 16:43

vue3.0组件传值常用

vue3.0组件传值常用跟vue2.0差不多只是有一点写法上的区别setup有两个参数1.props这个参数主要接收从父组件传过来的数据2.context上下文对象–attrs:值为对象，包含：组件外部传递过来
小菜鸟学代码···2022-06-29 16:38

vue3.0路由传参

定义路由组件中首页组件letIndex={template:`//to是跳转后面是要跳转的地址跳转到列表页首页首页里面的内容`,};列表页组件中需要操作letList={template:`列表页{{$route.query.type}}`,data(){return{typeone:"",}},//在created生命周期中输出created(){console.log(this.$route)
要温柔以待·2022-06-29 16:38

Vue3.0路由传参

传参。直接pushquery或者param也行constrouter=useRouter();consthandleEdit=(index,row)=>{router.push({path:"/publishArticle",query:{id:row.articleId}});//editVisible.value=true;};接收参数constrouter=useRouter();//编辑页
sunon_·2022-06-29 16:45

Vue3 对比Vue2 响应式系统的区别

Object.definePropertyVue3中的响应式系统使用的是Proxy对象重写响应式系统Object.defineProperty是循环整个对象对对象的属性进行劫持proxy直接劫持整个对象Vue3.0
丰的传说·2022-06-29 16:17

vue3.0父子传参，子修改父数据

父组件父亲传值给儿子，儿子可以修改父亲的数据（同步）父组件{{data}}修改子组件：importSonfrom"./components/Son.vue";import{provide,ref,shallowRef,readonly,shallowReadonly}from"vue";exportdefault{components:{Son,},setup(){letdata=ref("123
闹闹没有闹·2022-06-29 16:42

vue3.0 props组件传参

setup函数中的第一个参数是props。正如在一个标准组件中所期望的那样，setup函数中的props是响应式的，当传入新的prop时，它将被更新。context是一个普通的JavaScript对象，也就是说，它不是响应式的，这意味着你可以安全地对context使用ES6解构。import{toRefs}from'vue'exportdefaultdefineCompent({props:{ti
Mr_wuying·2022-06-29 15:39

vue3.0父子组件传参

exportdefault{props:["mess"],//需要props声明才能在setup收到参数setup(props){console.log(props.mess);},};exportdefault{emits:["xd"],//需要emits声明才能在setup中使用setup(props,context){functionclickMe(){context.emit("xd","
前端代码の搬运工·2022-06-29 15:30

Vue3.0组件之间的传值

Vue3.0组件之间的传值在组件step1里面把参数值传过去在step页面（父页面）里面存起来在step2页面里面取出来step1和step2都是step页面的组件想把step1保存之后返回的id传到step2
Sunshinedada·2022-06-29 15:27

vue3.0 组件传参

1，父到子props父组件我是父组件传参(navFnEL=el)":list="list"@send="getInfo">子组件import{onMounted,reactive}from"vue";exportdefault{props:{list:{type:Array,default:()=>{return[];},},},setup(props,context){constlist=rea
丰的传说·2022-06-29 15:14

Element UI

是一套为开发者，设计师和产品经理准备的基于Vue2.0的桌面端的组件库ElementUI是基于Vue2.0的ElementUI提供一组组件ElementUI提供组件的参考示例，直接复制ElementPlus基于Vue3.0
程序员爱摸鱼·2022-06-29 09:15

2021年Vue最常见的面试题以及答案（面试必过）

Vue数据双向绑定原理Vue的响应式原理Vue3.x响应式数据原理Vue3.0里为什么要用ProxyAPI替代definePropertyAPI？
前端探险家·2022-06-28 20:02

vue可视化大屏实现无线滚动列表飞入效果

目录一、效果如下二、代码如下（因项目是vite与vue3.0、element-plus）一、效果如下二、代码如下（因项目是vite与vue3.0、element-plus）                                  
·2022-06-28 15:26

Vue3.0入门 + Vant3.0移动端实践（三）使用Cordova打包Android App

接着上面两节，把做成的h5小应用打包成android的app放置在手机上看看效果。如何把一个h5应用打包成android的app?使用Cordova就是一种简单不错的办法。当然也有其他的一些办法如使用HBuilderX这一强大的IDE工具，里面支持打包Android或ios的app,微信小程序等。或者一些第三方的打包平台，也支持把h5的应用打包成app，但有可能是收费的。使用HBuilderX的话
特立独行的猫a·2022-06-28 00:00

企业级低代码平台，JeecgBoot-Vue3版 v1.3.0 里程碑版本发布

项目介绍Jeecgboot-Vue3采用Vue3.0、Vite、Ant-Design-Vue、TypeScript等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能
·2022-06-27 19:23

使用vue-cli快速搭建 vue3.0项目

1.介绍VueCLI是一个基于Vue.js进行快速开发的完整系统，提供：通过@vue/cli实现的交互式的项目脚手架。通过@vue/cli+@vue/cli-service-global实现的零配置原型开发。/cli-service)，该依赖：可升级；一个运行时依赖(@vue基于webpack构建，并带有合理的默认配置；可以通过项目内的配置文件进行配置；可以通过插件进行扩展。一个丰富的官方插件集合
webfunny2020·2022-06-23 07:28

vue3.0的动画怎么才能吸引眼球，做的更炫酷。

在开发中，我们想要给一个组件的显示和消失添加某种过渡动画，可以很好的增加用户体验React框架本身并没有提供任何动画相关的API，所以在React中使用过渡动画我们需要使用一个第三方库react-transition-groupVue中为我们提供一些内置组件和对应的API来完成动画，利用它们我们可以方便的实现过渡动画效果1.动画分为两步：一、定义关键帧动画二、绑定关键帧动画在需要添加动画的元素的c
a无聊·2022-06-22 19:36

VUE3 电商项目浅浅总结一下

背景：vue3.0/自己封装组件/电商购物网站亮点：自己封装的一些基础组件（骨架屏、checkbox、下拉刷新、分页组件、消息提示、消息确认框）SKU业务自己封装的message提示消息全局函数式调用学到了购物车操作通常分两种
Web_boom·2022-06-22 13:34

2022-03-10【技术】vue2.0与3.0对比

1、vue3.0和2.0的区别Vue3.0正式发布后，我在各大视频教学平台和技术论坛里看了下评论，有开发者反馈其兼容性不是很好，同时在命令方面也有不少变化，总体使用情况不是特别的乐观。
平凡的雪夜冬天·2022-06-21 14:24

前端三大构建工具 Webpack、Vite、Rollup 优劣势及原理分析

在刚刚结束的VueConf2021中，除了Vue3.0以外，另外一个亮点就是下一代构建工具Vite了。在尤雨溪分享的【Vue3生态进展和计划】的演讲中，尤大神还特意提到Vite将成为Vue的现代标配。
fe_lucifer·2022-06-20 14:41

vite 下一代前端开发与构建工具

vite下一代前端开发与构建工具[TOC]vite是什么Vite是一种新型的前端构建工具，是尤雨溪在开发Vue3.0的时候诞生的。类似于webpack+webpack-dev-server。
web老猴子·2022-06-20 14:40

vue3.0——组件通信props、emit

//子组件{{msg}}{{num}}+import{ref,watch}from"vue";exportdefault{name:"HelloWorld",props:{msg:{type:String,default:()=>"默认值",},},setup(props,context){//vue3.0vue2.0//context.attrs===this.$attrs//context.s
隔壁家的小屁孩·2022-06-20 13:09

vue3.0生命周期钩子函数

注意vue2的生命周期是比vue3的生命周期先执行的而且也是先引用的使用生命周期的钩子函数跟vue2的其实大致相同
luckycoke·2022-06-20 01:51

在vue3中使用vuex 4.x

最近准备在项目中使用vue3.0,顺便把vuex（目前是^4.0）也升级到最新版本了;首先通过命令新建脚手架，在src目录下新建store文件夹。
弹琴弹琴·2022-06-18 11:03

vue3.0中使用vuex

提示：项目是使用vue3+vite构建的1、安装vuexnpminstallvuex@next-S2、在src的目录下创建一个文件夹store文件目录表如下图在store/index.js文件动态地引入modules文件中的各个文件constobj=import.meta.globEager("./modules/*.js");//查找文件constmodules=Object.keys(obj)
Mr不懂·2022-06-18 11:33

笔记：Vue 2.0

笔记：Vue2.0下载与安装Vue项目vue项目文件介绍Vue插件Vue实例el关联元素data数据methods函数computed计算属性watch侦听(监视)属性filters过滤器(Vue3.0
我才是真的李成贤·2022-06-15 09:17

vue安装及入门

二、Vue安装(npm方法)1.安装node.js2.安装cnpm3.安装vue-cli脚手架构建工具4.安装vue3.0三、vue使用1、vueui四、目录解析一、Vue是什么？
制杖豆·2022-06-11 12:26

企业应用架构研究系列二十七：Vue3.0 之环境的搭建与Vue Antd Admin探索

Python微信订餐小程序课程视频https://edu.csdn.net/course/detail/36074Python实战量化交易理财系统https://edu.csdn.net/course/detail/35475开发前端需要准备一些开发工具，这些工具怎么安装就不详细描写了，度娘一些很多很多。主要把核心的开发工具列表一些，这些资源也是非常容易找到和安装的。Node安装：https://
pythonxxoo·2022-06-11 10:07

vue2.0和vue3.0的区别

1、vue2使用Object.defineProperty方法实现响应式数据，vue3使用proxy实现响应式数据Object.defineProperty的缺点：无法检测到对象属性的动态添加和删除无法检测到数组的下标和length属性的变更解决方法：vue2提供Vue.$set动态给对象添加属性Vue.$delete动态删除对象属性重写数组的方法，检测数组变更proxy的缺点：es6的proxy
爱自由351·2022-06-08 07:08

vue3.0和vue2.0共存

Vue3.0兼容Vue2.0在vue3.0进行更新后，会覆盖掉2.0的版本，其中init将不可以再进行使用，由于很多第三方插件都依赖于init进行初始化，这时候如果使用的话会报错。
Wang X.Y.·2022-06-08 07:08

Vue3.0相对 Vue2.0的主要语法改变

Vue3.0的时代已经到来，为了紧追时代的步伐，学习Vue3.0是势在必行的，在学习过程中，发现Vue3.0相对于Vue2.0，在语法上的改动并不是很大，为了巩固学习和便于日后复习，我特意总结一下Vue3.0
前端李ce·2022-06-08 07:36

vue3.0 与 vue2.0 的区别

1、性能提升一句话简介：更小巧，更快速；支持摇树优化；支持Fragments和跨组件渲染；支持自定义渲染器。2、API变动一句话介绍：除渲染函数API和scoped-slot语法之外，其余均保持不变或者将通过另外构建一个兼容包来兼容2.x。模板语法的99%将保持不变。除了scopedslot语法可能会有一些微调之外变动最大的部分将是渲染函数(render)中的虚拟DOM的格式。3、重写虚拟DOM(
知心光头·2022-06-08 07:36

Vue3.0新增特性以及与2.0差异（部分整理未完待续。。。）

文章目录前言一、Vue3.0新增特性1.性能方面2.模块化打包3.向下兼容4.Teleport组件5.Suspense组件6.CompositionAPI二、Vue3.0与2.0的差异1.生命周期函数升级
跟小猿学前端·2022-06-08 07:06

如果让vue2.0项目中使用vue3.0语法

第一步需要去把原来的项目中引用新的组合式API,我参考的是vue的GitHubhttps://github.com/vuejs/composition-api/blob/master/README.zh-CN.mdnpminstall@vue/composition-api验证是否成功可以去项目中package.json文件中看是否加入了这个"@vue/composition-api":"^1.0
MW0309·2022-06-08 07:04

速懂vue3.0新特性及vue2.0区别

TypeScript传送门目录从vue2.0到vue3.0必备知识一、简单介绍vue3.0(性能比2.x快1.2～2倍)二、常用CompositionAPI1.setup(props,context)2
web前端小龚·2022-06-08 07:34

VUE2.0和VUE3.0的区别

数据的双向绑定的原理重构响应式系统，使用Proxy替换Object.definePropertyObject.defineProperty的原理：通过使用Object.defineProperty来劫持对象属性的geter和seter操作，当数据发生改变发出通知。Vue2.x版本中的双向绑定不能检测到下标的变化。varobj={};Object.defineProperty(obj,'prop',
青青树木·2022-06-08 07:34

总结vue2.0与vue3.0的区别，让你快速上手

1:vue3.0和2.0的区别2.0数据双向绑定方面Vue2.0使用Object.defineProperty原理：通过使用Object.defineProperty来劫持对象属性的geter和seter
前端小99·2022-06-08 07:33

【vue3.0】vue2.0到vue3.0的变化（区别）（上）

结构部分程序入口文件main.jsvue2.0importVuefrom'vue'importAppfrom'./App.vue'importstorefrom'./store'importrouterfrom'./router'newVue({store,router,render:h=>h(App),}).mount('#app')vue3.0import{createApp}from'vue
不能懒鸭·2022-06-08 07:03

简述 vue3.0与2.0区别

1.Templatefragments碎片组件可以拥有多个根节点，解决多个div嵌套问题2.数据获取Vue3的数据获取在反应数据（ReactiveData）中，通常包含在一个反应状态（ReactiveState）变量中。(reactive的作用是将对象包装成响应式对象，通过Proxy代理后的对象。)响应式原理：Proxy代理拦截:reactive函数执行，会将传入的target对象通过Proxy包
longbao_1·2022-06-08 07:33

vue2.0到vue3.0有这一篇就够了

vue2.0到vue3.0有这一篇就够了基本框架import{}from'vue'vue3.2版本推出了setup语法糖，不用向之前vue3.0，写完函数还要return出去。
小陈不会前端·2022-06-08 07:32

VUE3.0和VUE2.0语法上的不同

VUE3.0和VUE2.0语法上的不同前言：本篇文章只做VUE3.0和VUE2.0语法上的不同分析，不做性能和源码架构等的分析。
javascript艺术·2022-06-08 07:02

vue3.0新特性及与vue2.0的区别

vue3.0新特性vue3.0对vue的三个特点：响应式、模板、对象式的组件声明方式进行了全面的更改，底层的实现和上层的API都有了明显变化。
L_smwy·2022-06-08 07:02
上一页 24 25 26 27 28 29 30 31 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他