Vue3.0

vue3.0 echarts在nginx环境中二次渲染不成功

echarts在开发环境中，组件切换二次渲染的时候是可以正常显示的。打包放入nginx中，二次渲染不出来。解决办法就是我们在重新创建的时候，移除之前创建的实例并且重新创建一个Echarts实例：document.getElementById('rightEcharts').removeAttribute('_echarts_instance_');
ruo水水水·2023-09-29 12:28

vue3.0 中的provide和reject使用，$ref,teleport

App.vue插槽打开模态框{{item}}{{item}}{{item}}import{defineComponent,ref,reactive,onMounted,nextTick,Ref,provide}from'vue';importmodalfrom'./components/modal.vue';exportdefaultdefineComponent({name:'App',comp
newbie (⊙o⊙)·2023-09-29 10:02

vue3学习笔记(1)

Vue3.0在2019年年末就公布了源码，2020年年末正式发行。目前位置已经在大多数公司渐渐投入使用。本篇文章就来介绍一下Vue3.0的使用以及和Vue2.x的区别。
liuwenjie_·2023-09-28 21:57

Vue Router的安装

安装的Vue-Router插件时需要注意版本信息，Vue2.0使用的是Vue-Router3.x，而Vue3.0使用的是Vue-Router4.x。
菜园前端·2023-09-28 15:50

Vue.js 源码学习笔记

希望自己能在VUE3.0发布前把这个给鼓捣完。基础工作FLOW（类型检查）项目越复杂就越需要通过工具的手段来保证项目的维护性和增强代码的可读性。
俺是种瓜低·2023-09-28 14:02

2023年前端流行什么技术和框架了？

Web前端三大主流框架有React、Vue.js和Angular，由于接触过Vue.js，接下来主讲最新的Vue3.0！
·2023-09-27 09:16

深入解析Vue3.0的响应式系统：如何理解和使用Vue3.0中的ref、reactive以及watch等API进行数据响应式编程

部分数据来源：ChatGPT简介Vue3中的响应式系统是相较于Vue2更新迭代的一大亮点。Vue3的响应式系统提供了一组全新的API，包括ref、reactive、computed和watch等，用来实现数据的响应式绑定和变更检测。下面，我们就来深入解析Vue3的响应式系统，包括如何理解和使用ref、reactive、computed和watch等API进行数据响应式编程。1、ref在Vue3中，
正经人_____·2023-09-26 18:05

基于vue3.0封装的虚拟滚动插件-vue-virtual-scroller

众所周知，当节点达到一定数量的时候，前端就会产生很大的性能问题，那么我们应该怎么来改善这种局面呢，没错，就是所谓的虚拟滚动，其实就是几个节点在滚动的时候移来移去，非常的乏味。其实很早之前就已经研究过，记得当时谷歌就已经有提出创建可回收节点的api，这么多年过去了，也没有去关注有没有去继续推动了，大概就是会有个原生的createCycleElement这种的api出现，尝试过在孤高度不一致的列表里，
Emperor灬fly·2023-09-26 13:19

vue3.0新特性 组合式API(setup)

组合式APIsetup是个函数在props被解析完成后执行，setup(props,content)1.props是响应式的，所以不能进行es6解构会失去响应式的特性.note:可以使用toRefs函数完成次操作。import{toRefs}from'vue'setup(props){const{title}=toRefs(props)console.log(title.value)}2.cont
姜酱i·2023-09-25 17:32

跟技术胖学vue3.0(typescript版)(二) setup() , ref() 和 reactive()

tips:vue2.0和vue3.0的区别没有datamethodscomputed那些内容了而是用setup()函数代替里的“根元素”不再只能是一个了一.setup()函数现在,我们没有必要把数据写在
熊爸天下_56c7·2023-09-24 08:10

浅谈vue和react的框架的比较

vue和react的框架的比较从四个大方面进行浅谈比较：数据绑定、组件化和数据流、数据状态管理、渲染和更新数据绑定Vue在数据绑定上采取了双向绑定策略，依靠Object.defineProperty(Vue3.0
牛先森家的牛奶·2023-09-23 10:48

Vue3.0 ref()、isRef()、unref()、reactive()、toRefs()、computed()

1.ref()定义一个响应式的数据但是获取的时候要.value才能获取定义的值2.isRef()判断一个值是否为一个ref对象。3.unref()如果参数是一个ref则返回它的value，否则返回参数本身。unref()：是val=isRef(val)?val.value:val的语法糖。4.reactive()函数，用来创建响应式的数据对象。当需要大量数据的时候reactive()是一个很好的选
你休得胡闹·2023-09-23 08:27

Vue3_vite

目录使用Vue-cli创建使用vite创建CompositionAPI组合APIsetup执行时机setup的参数ref函数reactive函数Vue3.0中的响应式原理Vue2的响应式实现原理Vue3
疯子****·2023-09-23 03:43

Vue3 的函数式编程

Vue3.0正式版已经于9月底发布，其中，Vue3新增的composition-api是我们讨论的大热门，甚至不少react开发者都对其赞不绝口。那么，究竟什么是函数式编程？
面条请不要欺负汉堡·2023-09-22 20:35

2023年前端流行什么技术和框架了？

Web前端三大主流框架有React、Vue.js和Angular，由于接触过Vue.js，接下来主讲最新的Vue3.0！
这我可不懂·2023-09-22 20:28

vue3.0 插槽slot用法 （改了改了，和2.0用法不一样了）

今天在尝试3.0的功能，倒腾了一会写成之前的形式不起作用。现在改成大致这样的形式了建议直接看文档，挺清楚的子组件父组件footer
Liszter·2023-09-22 08:53

Vue3.0与Vue2.0的区别（超详细）

目录生命周期的变化多根节点异步组件Teleport组合式API响应式原理虚拟DOM事件缓存Diff优化打包优化自定义渲染APITypeScript支持生命周期的变化整体来看，变化不大，只是名字大部分需要+on，功能上类似。使用上Vue3组合式API需要先引入；Vue2选项API则可直接调用，如下所示。// vue3     import { onMounted } from vueonMounte
前方路远·2023-09-21 23:50

vue3.0 + vite+ vant3.0

由于项目都是vue框架的spa页面，然后项目需要一个活动页和微信的分享，这样用vue框架很累赘；以前我是直接用h5；刚好最近vue3.0出来了，然后撸一个活动页面练练手。
晨爱衿文·2023-09-21 20:48

Vue3-初识Vue3、创建Vue3工程、vue3组合式API（setup、ref函数、reactive函数）、响应式原理、计算属性、监视属性

Vue3（1）目录Vue3（1）一、Vue3简介二、创建Vue3.0工程1、使用vue-cli创建2、使用vite创建三、常用的CompositionAPI（组合式API）1、拉开序幕的setup2、ref
POTATO！·2023-09-21 17:12

node包管理器nvm的安装与使用，以及安装遇到的问题和解决方案

前言随着vue3.0的普及，公司的新项目也都开始使用vue3.0+typescript+vite的模式了，但是有的老项目还在有vue2.0，所以在开发不同项目的时候就会遇到因为node版本不同带来的各种不兼容
郝艳峰Vip·2023-09-21 11:10

面试官：Vue3.0的设计目标是什么？做了哪些优化?

一、设计目标不以解决实际业务痛点的更新都是耍流氓，下面我们来列举一下Vue3之前我们或许会面临的问题随着功能的增长，复杂组件的代码变得越来越难以维护缺少一种比较「干净」的在多个组件之间提取和复用逻辑的机制类型推断不够友好bundle的时间太久了而Vue3经过长达两三年时间的筹备，做了哪些事情？我们从结果反推更小更快TypeScript支持API设计一致性提高自身可维护性开放更多底层功能一句话概述，
动感超人，·2023-09-21 11:28

ES6 Proxy 的巧用

Vue3.0开始为什么用Proxy代替Object.definePropertyProxy是什么“解释参考MDN，链接直达名词解释Proxy对象用于定义基本操作的自定义行为（如属性查找、赋值、枚举、函数调用等
全栈道路·2023-09-21 11:57

初始Vue3.0+TypeScript

Vue3.0是一个流行的JavaScript框架，它提供了一种简洁、高效的方式来构建用户界面。在Vue3.0中，引入了TypeScript支持，使得开发更加可靠和易于维护。
张清悠·2023-09-21 04:14

Vue3的Composition API

大家都知道，现在Vue3的各个版本已经陆续发布了，并且有很多的团队已经着手各个库的开发与Vue2向Vue3的升级，我们当然也不能落后，所以赶紧将跟着本文一起学习新的API吧一、setupsetup的理解：Vue3.0
肀戔·2023-09-20 18:05

vue3.0 Composition API（转载整理）

vue3.0CompositionAPI一、setup()1.接收props数据2.context二、reactive1、reactive和ref区别三、ref四、shallowReactive五、shallowRef六、triggerRef七、toRaw八、markRaw九、customRef十、isRef十一、toRefs十二、toRef十三、computed十四、watch1、监听指定的数据
项哈哈想做前端·2023-09-20 18:35

VUE3.0有哪些改变，以及新特性 Composition API 的实现原理

VUE3.0有哪些改变，以及新特性CompositionAPI的实现原理前言距离发布vue3.0正式版本已经有一段时间了，作为技术人员，随时保持技术同步是很重要的事情。
chengjact·2023-09-20 18:34

vue3.0 Composition API学习及分享！

正文大家都知道，现在Vue3的各个版本已经陆续发布了，并且有很多的团队已经着手各个库的开发与Vue2向Vue3的升级，我们当然也不能落后，所以赶紧将跟着本文一起学习新的API吧~版本当前处于beta版本，想要正式使用在项目里还需要一段的时间,但是结构与api变化应该不大了对于不理解版本的看下面↓↓1.alpha内测版本2.beta公测版本3.Gamma正式发布的候选版本4.Final正式版5.pl
qq_40291247·2023-09-20 18:32

vue3.0中使用vuex

目录一、前言二、vuex介绍三、项目搭建四、vuex使用①state②mutations③actions一、前言学习了vue3.0，vuex也是一个必不可少的知识点。
土豆切成丝·2023-09-20 18:58

尚硅谷 Vue2.0 + Vue3.0 入门到精通教程学习笔记 （四）

第四章：Vue中的ajax4.1解决开发环境Ajax跨域问题——Vue脚手架配置代理本案例采用axios作为发送Ajax请求的库，因此首先需要下载并引入axios：在VSCode终端处输入命令：npmiaxios第二步，利用脚手架vue-cli开启代理服务器：vue.config.jsconst{defineConfig}=require('@vue/cli-service')module.exp
上官海岚·2023-09-20 17:34

尚硅谷 Vue2.0 + Vue3.0 入门到精通教程学习笔记 （一）

目录第1章：Vue核心1.1Vue简介1.1.1官网1.1.2介绍与描述1.1.3Vue的特点1.1.4与其他JS框架的关联1.1.5Vue周边库1.2初始Vue1.3模板语法1.4数据绑定1.5el与data的两种写法1.6MVVM模型1.7数据代理1.7.1Object.defineProperty方法1.7.2何为数据代理1.7.3Vue中的数据代理1.8事件处理1.8.1事件的基本使用1.
上官海岚·2023-09-20 17:04

Vue3.0 踩坑实录

这里记录一个小组件从Vue2.x->Vue3.0的踩坑过程，以及官方未提到的点。vue-easy-lightbox是Vue2.x+TypeScript编写的组件库，.vue单文件使用的是vue-pro
这名字真不对·2023-09-20 10:55

Vue打印错误日志

Vue3中全局方法和静态配置文件的最佳实践Vue3中打印错误日志的最佳实践:推荐引入全局自定义方法clog,任何地方打印任何类型在Vue3.0中全局的方法一般有下面两个方式一使用app.config.globalProperties
包达叔·2023-09-20 09:02

vue3.0中使用ref，并且调用elementPlus里面的tree树形组件里面的getCheckedNodes方法

import{defineComponent,reactive,toRefs,watch,ref,Ref}from'vue';setup(props,{emit}){consttreeRef:Ref=ref(null);functiondataDetermination(){letnameListHandle:Array=treeRef.value.getCheckedNodes();return
抑制、·2023-09-19 20:00

vue3.0 Vuex模块化管理

模块代码exportdefault{namespaced:true,state:{token:'1111111111111111111111111111'},mutations:{},actions:{},}store的index.jsimportVuexfrom'vuex'importpersistedstatefrom'vuex-persistedstate';importuserfrom'.
一天28小时·2023-09-19 17:36

vite创建Vue3demo

1.目前搭建Vue脚手架的三种方式目前vue3.0的版本已经发布了此次除了可以通过vue-cli和webpack搭建脚手架外官方还提供了一种新的脚手架搭建工具vite2.什么是ViteVite是Vue作者开发的一款意图取代
halowyn·2023-09-18 13:34

vue3 - 使用reactive定义响应式数据进行赋值时，视图没有改变，值已经改变的解决方案

问题：在Vue3.0中我们使用reactive()定义的响应式数据的时候，当是一个数组或对象时，我们直接进行赋值，发现数据已经修改成功，但是页⾯并没有自动渲染成最新的数据；这是为什么呢？
Dream_travelerly·2023-09-16 13:04

Vue2.x项目中愉快使用3.0特性

随着Vue3pre-alpha版本的发布，相信小伙伴们已经按耐不住跃跃欲试的心情，下面我为大家简单介绍如何在项目中平滑引入vue3.0特性。CompositionAPI（组合API）@vue/comp
_孤傲_·2023-09-16 04:15

vue3.0之ref函数

1、ref推荐定义基本数据类型(ref值也可以是对象，但是一般情况下是对象直接使用reactive更合理)。2、在vue的模板中使用ref的值不需要通过value获取（vue会通过自动给ref的值加上.value）。3、在js中使用ref的值必须使用.value获取。{{count}}import{ref}from'vue'exportdefault{setup(){constcount=ref(
web前端开发V·2023-09-15 20:34

Vue3高频面试题+八股文

Vue3.0中的CompositionApi开始之前Compos:1tionAPI可以说是ue3的最大特点，那么为什么要推出Compos1t1onApi,解决了什么问趣？
@阿猫阿狗~·2023-09-15 12:57

现有vue项目支持TypeScript

今年国庆期间尤雨溪公布了Vue3.0的源码，代码库是用TypeScript写的。现有项目还未开始支持TS(下面全用简称)，支持TS这件事忽然变得迫在眉睫了。
墩儿·2023-09-14 12:35

学习 Vue3.0 （3）

Fragment在Vue2中，组件必须有一个根标签在Vue3中，组件可以没有根标签，内部会将多个标签包含在一个Fragment虚拟元素中减少标签嵌套层级、减少内存占用Teleport能够将组件内部的某些内容渲染到外部的某个元素上这是内部的内容Suspense等待异步组件时，渲染一些后备内容，获得更好的用户体验loading...import{defineComponent}from'vue';co
Beppo·2023-09-14 07:13

Vue3.0 和 TypeScript 学习笔记

Vue3.0和TypeScript前端流行三大框架：Vue、React、Angular(入门门槛高)2020.9.19vue3发布正式版，命名OnePiecevue3带来的变化：1.性能的提升（打包体积减少
Mae_cpski·2023-09-14 00:01

vue3.0——setup函数/属性、响应式API、ref函数、reactive函数、响应式原理、计算属性

vite版本创建方式：npminitviteviteapp----templatevuemain.js的样子：一、setup(1)setup()函数：语法：返回的对象的成员可以在模板中使用，也可以在组件的api中使用但是在这个函数中不能使用组件api中的东西作用：为hook提供开发场景setup函数中可以声明一些变量/函数然后返回出去供组件使用setup函数可以设计成script标签中写这个同名单
哈哈ha~·2023-09-13 22:23

Vue3.0组合式API（三）-----模板语法

目录一、Vue基础1.1Vue格式1.2mustache语法1.3计算属性二、基本语法2.1属性绑定2.2条件与循环2.2.1显示/隐藏标签2.2.2遍历生成标签2.3用户交互2.3.1监控用户动作2.3.2双向数据绑定一、Vue基础1.1Vue格式vue基本格式//Vue中API函数导入import{defineComponent,ref,reactive}from"vue";//defineC
chuck-Gemini·2023-09-13 22:22

【红隼书签】自定义光影、自定义背景、亮度和主题功能

Part1用Vue3.0开发一款导入浏览器书签的在线书签介绍（取名）【红隼书签】是一款简洁的在线书签导航网站。
叫我詹躲躲·2023-09-13 13:51

《图解Vue3.0》- 第6节 模板语法 - 自定义指令

简介除了核心功能默认内置的指令(v-model和v-show)，Vue也允许注册自定义指令。注意，在Vue2.0中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通DOM元素进行底层操作，这时候就会用到自定义指令。API地址：https://vue3js.cn/docs/zh/api/application-api.html#directive钩子函数一个指令定义对象可以提供如下
张中华·2023-09-13 09:53

vue3.0中使用echarts

前言本文主要是讲述vue3.0中应用echarts步骤。主要涉及到vue3.0中vue对象的很多新API或对象的使用。
尕铪铪·2023-09-13 09:25

vue3.0中的v-model

1.给子组件传递了一个名称为modelValue的prop2.给子组件绑定了一个名称为update:modelValue的自定义事件3.在绑定的事件回调callback函数中完成了自动将自定义事件触发时传递的实参赋值给绑定的name属性组件之间的双向绑定：父组件：​import{ref}from'vue'exportdefault{setup(){constnum=ref(1)return{num
李晨飞_·2023-09-13 09:16

【vue3.0 】vue 3.0 入门学习笔记

1.项目初始化1.1安装vue-cli第一步安装vue-cli：注意!如果在vue2中已经安装过这里就不需要再安装了。npminstall-g@vue/cli以下安装方式是错误的:npminstall-gvuenpminstall-gvue-cli安装成功后，我们即可使用vue命令，测试方法：vue-V1.2初始化vue项目使用vue2.0中创建项目的方式创建项目:vuecreateproject
itlu·2023-09-12 21:53

Vue3.0报错error: Unexpected console statement (no-console) 解决办法

写项目过程中用ESLint遵守代码规范很有必要，但是对于一些规范也很是无语，比如：‘Unexpectedconsolestatement(no-console)’，连console都不能用，这就很抓狂了。其实增加一行代码即可。修改package.json中的eslintConfig:{}中的“rules”:{}，增加一行代码:"no-console":"off""eslintConfig":{"r
10ebc8b98b5d·2023-09-11 16:51
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他