vue3.0

vue先加载数据再渲染

版本：vue3.0由于JavaScript中请求通常是异步，因此几乎无法实现先加载数据再渲染页面。但是，我们可以用v-if判断数据是否已加载，来实现加载完数据再渲染的效果。
dounine·2023-03-19 06:12

vue3.0生命周期

相对于vue2来说vue3生命周期有以下更改1.beforedestory、destory替换为beforeUnmount、unmount2.在setup中注入生命周期钩子规则是在生命周期hook前面加一个on例如:onBeforeMount3.假如使用optionsApi的同时又使用了compisitionnApi,那么执行顺序为先走optionsApi再执行compisitionnApibef
姜酱i·2023-03-18 05:00

Vue3.0与Vue2.0对比（一）

读了Vue3.0beta文档，对原有的方法、属性与2.x不同的地方做了对比，记录下来做成表格，分享出来计划分为5期发布，前期主要是分享差异与新特性的使用，最后的两期会深入分析与实现vue3.0响应式实现原理表格中的阿拉伯数字为注解
SPEIKE·2023-03-18 02:32

Vue.js 3.0 Composition APIs 及 3.0 原理剖析

Vue3.0与Vue2.0的区别源码组织方式发生变化CompositionAPI性能提升ViteCompositionAPI设计动机Vue2.x开发需要长期迭代的大型项目时，组件的开发采用的是OptionsAPIOptionsAPI
7fea7b53db82·2023-03-18 02:21

Vue3.0 Vite + windicss + ...实战项目(十五.二)

十九.如何动态添加后端返回的菜单实现动态路由的添加呢?1.router/index.js文件import{createRouter,createWebHashHistory}from"vue-router";importAdminfrom"~/Layout/admin.vue";importIndexfrom"~/pages/index.vue";importLoginfrom"~/pages/L
coderhzc·2023-03-17 21:01

vue3.0响应式api使用1

要使用vue3.0新的api必须要导入脚手架导入//在需要使用的vue文件中按需导入，也可在main之中全局导入import{defineComponent,reactive,ref,toRefs,toRef
cv攻城狮·2023-03-17 21:36

VUE3.0 响应式

一、reactive将一个Object类型的数据转换成响应式数据：Proxy实例直接取属性值，属性值不是响应式的只能接受Object类型的参数import{reactive}from'vue'//响应式状态conststate=reactive({count:0})//打印count的值console.log(state.count)reactive的响应原理通过将Object转换成Proxy对其
Lisa_Guo·2023-03-17 19:25

vue3.0 rem适配

1.安装两个插件npmipostcss-pxtorem-Snpmiamfe-flexible-S2.根据vue3提供的新配置方法，在vue.config.js中对CSS做配置：constautoprefixer=require('autoprefixer');constpxtorem=require('postcss-pxtorem');module.exports={css:{sourceMap
乐YB·2023-03-17 17:47

Vue项目，通过状态控制整个页面刷新

下面是我比较习惯用的方式:写了两种，Vue2.0和Vue3.0的。定义一个变量，定时控制这个变量的变化，在需要刷新的地方监控这个变量，一旦变化立即重新加载数据。不多说，还是直接上代码吧。
虚幻的锈色·2023-03-16 23:25

2018-08-10 前端新建工程

别人新建工程后，怎么敲命令：1、yarninstall2、vue-version3、yarnaddvue4、yarnglobaladd@vue/cli（全局安装vue和cli）5、vueui（vue3.0
_bab·2023-03-16 20:21

Vue-3.0：更快、更小、让开发者更轻松（扶我起来，我还能学...）

在11月14日-16日于多伦多举办的VueConfTO2018大会上，尤雨溪发表了名为“Vue3.0Updates”的主题演讲，对Vue3.0的更新计划、方向进行了详细阐述。
Vicky丶Amor·2023-03-16 07:28

vue3.0 初了解

Vue3还没有正式发布，但是Alpha版本已经发布了。虽然官方还不推荐在生产环境中直接使用Vue3，但是提前学习总归是有好处的。嘴上喊着老子学不动了，双手还是很诚实的打开了Vue3文档创建项目Vue官方很贴心的提供了一个github仓库，让我们能快速体验Vue3的新特性:gitclonehttps://github.com/vuejs/vue-next-webpack-preview.gitvue
weixin_44273311·2023-03-16 06:19

vue3.0使用intro.js实现新手引导功能

第一步：安装依赖npminstallintro.js--save//支持tsnpmi--save-dev@types/intro.js第二步：在shims-vue.d.ts添加这段代码declaremodule'intro.js'第三步：在需要的页面中引入并使用引导一引导二引导结束importIntroJsfrom'intro.js'//introjs库import'intro.js/introj
lxsssss·2023-03-15 14:41

Vue3.0（vite工具搭建项目）

vue3.0浅析前提vue2.X中很多内容被保存下来；vue3.0采用的是typescript进行重构的几大亮点1.performance：性能比vue2.X快了1.2~2倍。
前端小码农呀·2023-03-15 09:16

vue3.0 引用公共文件的混入样式，报错：SassError: Undefined mixin.定位于@include XXXXXX;

vue3.0根目录新建文件vue.config.js配置：module.exports={css:{loaderOptions:{sass:{prependData:`@import"@/assets/
xiaozhi_free·2023-03-15 08:08

视频讲解Vue 3.0新特性--尤雨溪

VUE3.0新特性介绍·更快新的VirtualDOM实现完全重构初始渲染/更新提速达100%基于Proxy的新数据监听系统，全语言特性的支持+更好的性能·更小便于Tree-shaking的代码结构新的最小核心运行时
grain先森·2023-03-14 18:15

quasar--使用@路径引入,quasar.conf.js配置（vue3.0）

在quasar.conf.js里面找到build里的chainWebpackchainWebpack(chain){chain.resolve.alias.set("@",path.resolve("src")).set("assets",path.resolve("src/assets")).set("statics",path.resolve("src/statics")).set("comp
耶啵_·2023-03-14 01:04

Vuejs 3.0 正式版发布！代号：海贼王（One Piece）

Vue3.0发布今天，我们很荣幸地宣布Vue.js3.0“OnePiece”的正式发布。
全栈弄潮儿·2023-03-13 16:24

vue3.0学习笔记

1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：OnePiece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%,更新渲染快133%内
洛梓煕·2023-03-13 15:12

【vue3.0】13.0 Composition API(一)——setup、ref、reactive、toRefs

vue3的特点更多的API特性体积更小、速度更快解决遗留问题（比如对TS不友好、代码组件逻辑复用）createApp表示创建一个Vue应用，传入的参数表示这个应用最外层的组件应该如何展示。//createApp表示创建一个Vue应用,存储到app变量中//传入的参数表示，这个应用最外层的组件，应该如何展示//MVVM设计模式，M->Model数据，V->View视图，VM->ViewModel视图
bobokaka·2023-03-12 12:47

Vue3.0配置Electron

一、安装Node.js、VueCLI//vue-V@vue/cli4.5.11//node-vv14.3.0二、创建Vue3.0项目vuecreatemy-electron-app三、添加vue-cli-plugin-electron-builder
shadow_2155·2023-03-11 12:29

Vue 实现复制到剪贴板功能

项目中需要实现复制到剪贴板的功能，看了一下vue相关的插件，发现了vue-clipboard2但是因为现在项目都是基于Vue3.0开发，所以不适用，又发现了vue3-clipboard，但是没弄清楚怎么用
XXXXXXXX333·2023-03-11 00:01

从0搭建Vue3.0+TypeScript+antd-Vue+axios+JSX前端框架

背景Vue3.0出来了很长一段时间了，Vue3.0对于TypeScript的支持也有了质的提升，因为自己现在用React稍微多一些，所以也想在Vue中加入JSX,试试利用一下Vue3.0的新特性搭建一个基础框架
Benzic·2023-03-11 00:51

Vue3详细讲解

Vite的基本使用Vue3.0项目介绍vscode插件说明组合式APIcompositionAPIvsoptionsAPI体验compositionAPIsetup函数reactive函数ref函数scriptsetup
itpeilibo·2023-03-10 11:42

vue3.0新型状态管理和逻辑复用方式

前言背景：2019年2月6号，React发布「16.8.0」版本，vue紧随其后，发布了「vue3.0RFC」Vue3.0受React16.0推出的hook抄袭启发（咳咳...）
frontend_frank·2023-03-10 03:56

vue3.0加上Typescript

vue3.0加上Typescript1、使用npm或者yarn进行vue项目的搭建//创建项目vuecreatetestcdtest//下载依赖npminstallaxios//或者yarnaddaxios
enhengcys·2023-03-10 03:54

聊一聊 Vue3 中响应式原理

相比于Vue2.x，Vue3.0在新的版本中提供了更好的性能、更小的捆绑包体积、更好的TypeScript集成、用于处理大规模用例的新API。
Cryptic·2023-03-09 21:11

一文掌握 vue3.2 setup 语法糖

在Vue3.0中变量必须return出来，template中才能使用；而在Vue3.2中只需要在script标签上加上setup属性，无需return，template便可直接使用，非常的香啊！
BingJS·2023-03-09 11:25

Vue 3 任意传送门——Teleport

2020年9月18号，尤大大发布了Vue3.0，代号OnePiece。
Gopal·2023-03-09 10:58

vue3.0 简单笔记

//项目初始化转换网址：https://vue-next-template-explorer.netlify.app//安装clinpminstall-g@vue/cli//初始化vuevuecreatevue-next-test//使用vite快速创建npminit@vitejs/apphello-vue3***推荐使用·vite·vite是vue3中专用！打包加载更快vue源码转换网址：htt
拢作是笑诙·2023-03-08 22:19

Vue3.0中setup语法糖的使用

可以说setup函数是Vue3.0的最重要的核心方法之一。setup函数在组件创建前执行，并且充当ComponsitionAPI的入口。
普通网友·2023-03-01 10:05

Vue3.0中如何引入jQuery并使用

1.安装jquery终端使用npm命令安装：npminstalljquery--save2.找到babel.config.js文件有的小伙伴可能项目结构不一样文件名字会有点不一样可能是.eslintrc.js文件，接下来我们在env中配置jQuery：true3.找到项目的根目录vue.config.js文件如果在没有的情况下，可以创建一个，一般情况下新建项目是自动生成的，然后如下进行配置：con
云边小卖铺.·2023-03-01 09:14

测试需求平台5-Blueprint优化与首个vue页搭建

✍此系列为整理分享已完结入门搭建《TPM提测平台》系列的迭代版，拥抱Vue3.0将前端框架替换成字节最新开源的arco.design，其中约60%重构和20%新增内容，定位为从0-1手把手实现简单的测试平台开发教程
Mega Qi·2023-03-01 07:17

Vue3源码学习之路-设计思想和理念

Vue设计思想Vue3.0更注重模块上的拆分，在2.0中无法单独使用部分模块，需要引入完整的Vuejs，Vue3中的模块之间耦合度低，模块可以独立使用。
凉秋秋秋·2023-02-27 19:19

前端一面vue面试题（必备）

前端vue面试题详细解答Vue3.0和2.0的响应式原理区别Vue3.x改用Proxy替代Object.defineProperty。
bb_xiaxia1998·2023-02-26 03:15

vue3.0 引入 ant-design-vue 报错 Uncaught TypeError: Cannot read property ‘use‘ of undefined

就是版本的问题运行下面代码：npmi--saveant-design-vue@next-S示例：import{createApp}from'vue'importAppfrom'./App.vue'importrouterfrom'./router'importstorefrom'./store'importAntdfrom'ant-design-vue'import'ant-design-vue/
姽式、·2023-02-24 12:24

vue3.0引入ant-design-vue报错

1、npmi--saveant-design-vue2、3、报错:"export'default'(importedas'Vue')wasnotfoundin'vue'4、在当前目录下跑npmi--saveant-design-vue@next,然后重新跑下项目就可以了
m_uncle·2023-02-24 12:40

vue3.0 父子组件传值问题

使用vue3.0时遇到父子传值的问题，顺便记录一下问题背景：如图所示，编辑按钮是父组件的部分，下面的表单是子组件需要：按下父组件中的编辑按钮时，子组件的表单需要变成可编辑状态，在可编辑状态下按下确定按钮后
七星元·2023-02-22 07:48

vue3.0 的各种路由守卫的使用，以及参数解析

先上一个简单的路由配置，和vue2还是有区别import{createRouter,createWebHistory}from'vue-router'constroutes=[{path:'/',redirect:'/login'},{path:'/login',name:'login',component:()=>import('../views/login/index.vue'),},{pat
拼客骏·2023-02-21 14:04

Vue2.0与Vue3.0生命周期对比

2.0生命周期3.0生命周期beforeCreate(组件创建之前)setup(组件创建之前)created(组件创建完成)setup(组件创建完成)beforeMount(组件挂载之前)onBeforeMount(组件挂载之前)mounted(组件挂载完成)onMounted(组件挂载完成)beforeUpdate(数据更新，虚拟DOM打补丁之前)onBeforeUpdate(数据更新，虚拟DO
走在风浪中·2023-02-21 13:01

vue2.0和vue3.0生命周期对比

一、图示vue2.0到vue3.0改变beforeCreate->usesetup()created->usesetup()beforeMount->onBeforeMountmounted->onMountedbeforeUpdate
艾米家的猫儿（傻钢）·2023-02-21 13:30

VUE3.0生命周期函数

什么是生命周期：1.vue中每个组件都是独立的，每个组件都有一个属于它的生命周期，2.从一个组件创建、数据初始化、挂载、更新、销毁，这就是一个组件所谓的生命周期,强调的是一个时间段。在vue3中，新增了一个setup生命周期函数，setup执行的时机是在beforeCreate生命函数之前执行，因此在这个函数中是不能通过this来获取实例的；同时为了命名的统一，将beforeDestroy改名为b
前端小灰狼·2023-02-21 13:30

vue3.0生命周期以及如何使用vue-router、vuex

vue3.0发布已经有一段时间了，用于生产环境还有点早，但是为了装杯还是要学一下的。
青浅l·2023-02-21 13:30

vue3.0生命周期中文翻译图

听过这么一个事，有些开发朋友英语不太好，干了好久前端了，但看是不明白生命周期图，我做了一下总结，相信看了下面图就会了解vue的整个运行周期原理了。
navysir8·2023-02-21 13:00

后台管理项目重构为vue3.0

重构的目的具体案例下载项目一.为什么要重构后台管理项目二.安装项目所需的vue3.0插件三.具体代码重构四.在更改中遇到的`bug`总结前言：我们平常玩的游戏有时需要更新出新的内容，我们的项目也需要更新迭代
程序员--韩同学·2023-02-21 13:29

Vue3.0 setup的使用及作用

目录开篇：1.什么是setup2.setup怎么使用3.setup中包含的生命周期函数3.setup相关参数4.setup特性总结总结开篇：从vue2升级vue3，vue3是可以兼容vue2。所以v3可以采用v2的选项式api，但是v2不能使用v3的组合式api，由于选项式api一个变量存在于多处，如果出现问题，就需要去涵盖多个函数。项目越大，排查的难度也就越大。1.什么是setupsetup用来
程序员--韩同学·2023-02-21 13:59

vue3.0 响应式数据

目录1.什么是响应式2.选项式API的响应式数据3.组合式API的响应式数据3.1reactive()函数3.2toref()函数3.3toRefs()函数3.4ref()函数总结1.什么是响应式这个术语在今天的各种编程讨论中经常出现，但人们说它的时候究竟是想表达什么意思呢？本质上，响应性是一种可以使我们声明式地处理变化的编程范式。一个经常被拿来当作典型例子的用例即是Excel表格：-AB0112
程序员--韩同学·2023-02-21 13:59

vue3.0生命周期

vue3.0生命周期setup():开始创建组件之前，在beforeCreate和created之前执行。创建的是data和methodonBeforeMount():组件挂载到节点上之前执行的函数。
Sunshinedada·2023-02-21 13:58

vue3.0生命周期对比

beforeCreate->使用setup()created->使用setup()beforeMount->onBeforeMountmounted->onMountedbeforeUpdate->onBeforeUpdateupdated->onUpdatedbeforeDestroy->onBeforeUnmountdestroyed->onUnmountederrorCaptured->on
前端代码の搬运工·2023-02-21 13:58

vue3.0 生命周期

目录前言：vue3.0生命周期图例1.beforeCreate2.created3.beforeMount/onBeforeMount4.mounted/onMounted5.beforeUpdate/
程序员--韩同学·2023-02-21 13:57
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他