Vue3.0

Vue3技术2之ref函数、reactive函数、Vue3中的响应式原理

Vue3技术2ref函数处理基本类型App.vue处理对象类型App.vue总结：ref函数reactive函数只能修改对象类型App.vue完善代码App.vue总结：reactive函数Vue3.0
VillanelleS·2023-04-15 02:11

解读vue3.0源码管理项目

在vue3.0中，它使用monorepo来管理项目代码。那么monorpo是什么？
大前端奕辰·2023-04-14 17:34

Vue3.0学习笔记-样式绑定

通过在data的数据项中定义变量绑定通过普通字符串进行绑定；通过对象的方式进行绑定；通过数组的方式进行绑定，true为使用。data(){return{classString:'red',//字符串方式也可以定义多个样式classObject:{red:true,background:true},classArray:['green','background'],}},template:`样式绑定
petit_wu·2023-04-14 17:31

vue3.0 —— 项目知乎者也

1.首页1.固定头部组件1.Dropdown组件2.DropdownItem组件2.column列表组件2.登录1.登录账号validate-input组件单独输入框验证规则validate-form组件提交验证全部信息2.注册账号3.类目详情页1.PostList组件4.文章详情页1.Author组件5.发布文章页1.upload组件6.全局组件(teleport)1.loader组件2.Mes
杀个程序猿祭天·2023-04-14 15:48

vue3.0自适应分辨率 px自动转化rem

vue3.0自适应分辨率，px自动转化rem，以设计图1920*1080为准。前景：直接量设计图的px写上去就行，比如设计图量的是20px;直接就写20px;会在浏览器上会自动转化成rem。
风掠过有空白·2023-04-14 10:04

Vue3.0 ｜ vue3的新特性

Vue3的变化官网地址：https://v3.cn.vuejs.org/guide/migration/introduction.html一、对比vue2的变化1.优点vue3支持vue2的大多数特性，实现对vue2的兼容vue3对比vue2具有明显的性能提升打包大小减少41%初次渲染快55%，更新快133%内存使用减少54%更好的支持TypeScript使用Proxy代替defineProper
JiaoMengYuan·2023-04-14 02:44

3、Vue3.0 实现一个简单的气泡弹窗

3、Vue3.0实现一个简单的气泡弹窗.png二、定义OverlayOverlay是要在地图上显示并附加到单个地图位置的元素。
星星编程·2023-04-13 22:28

__WEBPACK__IMPORTED_MODULE_0_VUE__.default is not a constructor

测试vue模块是否能用，打包后结果报这样的错误：2、改之前的代码展示在main.js文件引入vue模块：在index.html文件加入mustache代码：3、错误原因：npm下载的vue2.0版本和vue3.0
三水木雨·2023-04-13 21:44

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

写项目过程中用ESLint遵守代码规范很有必要，但是对于一些规范也很是无语，比如：‘Unexpectedconsolestatement(no-console)’，连console都不能用，这就很抓狂了。其实增加一行代码即可。修改package.json中的eslintConfig:{}中的“rules”:{}，增加一行代码:"no-console":"off"原帖地址：https://www.j
御用闲人豪·2023-04-13 00:27

Vue3.0的强势升级点

Vue3.0Vue3.0在架构上相比vue2.x做了升级，性能上得到了很大的提升，CompositionAPI的出现，让组件抽离、逻辑代码复用更加灵活。一、CompositionAPI:组合API/注入API这里要说到代码的组织方式，传统的网页是html/css/javascript（结构/样式/逻辑）分离。vue/react通过组件化的方式，将联系紧密的结构/样式/逻辑放在一起，有利于代码的维护
天問_专注于大前端技术·2023-04-12 17:56

vue3.0 实现element-form 表单校验和提交

vue3.0实现element-form表单校验和提交vue3.0+element-plus的form表单：确认取消importHeaderfrom'..
敲代码的柯基·2023-04-11 22:20

Vue...

vue3.0环境创建：@vue/cli、vite1、安装node.jsnode官网上下载node.js、安装node.js建议安装nodev12版本。2、安
我有头发·2023-04-11 09:55

vue3笔记

目录1.vue3带来了什么1.1源码的升级1.2拥抱TypeScript1.3新的特性2.创建Vue3.0工程2.1使用vue-cli创建2.2使用vite创建3.创建vue3.0工程3.1main.js3.2App.vue4
慎思笃行_·2023-04-11 00:35

vue3 setup写法（语法糖版本）

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

vue-Pinia状态管理

Pinia.js是新一代的状态管理器，由Vue.js团队中成员所开发的，因此也被认为是下一代的Vuex，即Vuex5.x，在Vue3.0的项目中使用也是备受推崇。
萧寂173·2023-04-10 19:46

vue3 全局方法

vue3.0取消了Vue.prototype，官方文档推荐使用globalProperties第一步：src/utils/validator.jsfunctionisNumbervalidator(rule
我家媳妇儿萌哒哒·2023-04-10 15:39

Vue3.0中读取本地Markdown文件的内容

在使用md-editor-v3实现markdown显示的时候，需求是读取本地的md文件，直接显示在页面上，因为当前项目使用Vue3.0+TS+Vite实现的，所以就需要看下怎么读取本地.MD文件的内容，看了Vite官方文档，发现静态资源文件c处理有说明，如下所示：将资源引入为字符串资源可以使用?raw后缀声明作为字符串引入。importshaderStringfrom'./shader.?raw'
XXXXXXXX333·2023-04-10 08:51

海贼王 One Piece，一起康康Vue版本号中的彩蛋

本文汇总整理了至今Vue3.0发布为止的
童欧巴·2023-04-09 22:29

vue3.0版本给对象新增属性

3.0对象新增属性Reflect.set(目标对象,属性名,值)Reflect.set(val,'middle',middle)
emo tt·2023-04-09 19:46

软件工程课程设计——技术栈【Go+Vue+PGSQL】的人事管理系统

一、项目架构介绍项目技术栈：Go+Vue+PGSQL开发工具：IDEA2021.1后端开发语言：Go前端框架：Vue3.0(集成ElementUI组件)后端框架：Gin、Gorm数据库：PostgreSQL131.1Go
Mr_BigG·2023-04-09 13:24

node.js安装配置以及vue3.0脚手架安装

目录一、node.js安装配置1、下载node.js2、安装node.js3、验证是否安装成功4、node.js环境变量配置5、配置淘宝镜像二、安装vue-cli脚手架1、安装vu-cli2、检查脚手架一、node.js安装配置1、下载node.js官网地址：https://nodejs.org/zh-cn/2、安装node.js双击运行"node-v18.12.1-x64.msi"，然后一路点n
-尤羿-·2023-04-09 10:02

vue3.0 引入svg-icon组件

1。在vue项目中的components添加目录SvgIcon:2.在目录下添加Index.vue，如上图;Index.vue的内容为：import{isExternal}from'@/utils/validate'exportdefault{name:'SvgIcon',props:{iconClass:{type:String,required:true},className:{type:St
light_guang_IF·2023-04-09 04:34

用 Vue3 手撕了个企业级项目，真香！

然而伴随着Vue3.0的发布，前端技术也迎来了一次大革新，像是字节跳动、腾讯等开始重点考察，前端程序员对Vue3框架的理解和实际应用能力。不再是当年懂个生命周期、虚拟DOM，就可以轻松进大厂的时代了。
若川视野·2023-04-09 02:17

认识vue3.0项目的目录结构

上一篇笔记新建一个vue3.0项目新建项目后，用vscode打开，会看到项目目录，如下图来看看我们新建的项目里有哪些内容node_modulesnpm加载的项目依赖模块public用于存放静态资源，不会被压缩
干洋芋果果·2023-04-09 02:45

Proxy 对象拦截器

之前Vue的数据双向数据绑定是使用Object.defineProperty()来做的，而现在vue3.0使用的是代理Proxy来编写。
Alan-wu·2023-04-09 01:37

短视频抖音获客系统软件代开发搭建源码独立部署

短视频获客系统软件：vue3.0建立响应式的方法有两种：第一个就是运用composition-api中的reactive直接构建响应式，composition-api的出现我们可以在.vue文件中，直接
云罗团团 yx898978·2023-04-08 20:50

Vue（4）-vue3

课程链接目录1.Vue3快速上手1.1.Vue3简介1.2.Vue3带来了什么1.2.1.性能的提升1.2.2.源码的升级1.2.3.拥抱TypeScript1.2.4.新的特性2.创建Vue3.0工程
Brisa56·2023-04-08 20:03

Vue3之script-setup全面解析

可能很多同学（包括我）刚上手Vue3.0之后，都会觉得开发过程似乎变得更繁琐了，Vue官方团队当然不会无视群众的呼声，如果你基于脚手架和.vue文件开发，那么可以享受到更高效率的开发体验。
硅谷干货·2023-04-08 20:31

2020-08-27 前端面试题（vue）

二、vue2.0与vue3.0双向绑定得区别：2.0是基于object.defineProperty属性。
延飞·2023-04-08 19:07

关于Vue3.0的一些观点与理解

1:使用了Vue3，是否都要遵循用CompositionAPI的形式去写页面？答案是否定的。需要注意一点：Vue3并没有废弃OptionsAPI,甚至还会全力支持兼容Vue2语法的工作。而CompositionAPI出现的背景主要是为了解决逻辑抽象和和复用的问题，但不意味着它成为了Vue3的标准。如何区分场景使用OptionsAPIorCompositionAPI主要看业务逻辑的复杂程序，例如一些
自律的肥宅·2023-04-08 16:25

比较全的前端框架库汇总

感谢原作者的辛苦整理原文章地址：前端框架库汇总VueVue2.0：Vue2.0文档Vue3.0：Vue3.0文档Vue-Router：Vue.js官方的路由管理器。
JX灬君·2023-04-08 13:13

vue问题-ant-design-vue按需引入问题

插件按需引入vue项目中使用了UI框架ant-design-vue，因为开始尝试vue3.0,因为有些不熟悉，在使用使用了vue2.0的方式没成功，所以浪费了很长时间，最后发现是个人疏忽导致的，所以记录一下
三知之灵·2023-04-08 13:57

Brisk-Admin一个基于vue3+element-plus+vite开箱即用的后台前端框架，杜绝繁琐，只为更轻更快！

简介Brisk-Admin是一个基于Vue3.0、Vite、element-plus、JavaScript的中后台解决方案，它使用了最新的前端技术栈，并提炼了典型的业务页面，包括二次封装组件、动态路由菜单
云秒·2023-04-08 11:20

vue3.0组合式API的mixins替代方法

vue3.0组合式API的mixins替代方法vue3.0组合式API的mixins替代方法-简书传统的vue2.0的mixin存在一下缺点：属性名重复冲突，这使得mixin中的数据将会被替换掉，有时会造成无法预料的问题可重用性有限
wwf1225·2023-04-08 09:30

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

写项目过程中用ESLint遵守代码规范很有必要，但是对于一些规范也很是无语，比如：‘Unexpectedconsolestatement(no-console)’，连console都不能用，这就很抓狂了。其实增加一行代码即可。修改package.json中的eslintConfig:{}中的“rules”:{}，增加一行代码:"no-console":"off"示例："eslintConfig":
嗯哼曼·2023-04-08 01:44

【3d地图】vue3.0中使用echarts geo3D

文章目录前言一、echarts是什么？二、使用步骤1.引入echarts库，3d地图必须安装echarts-gl依赖2.制作地图JSON文件3.引入到vue组件中总结前言之前我们已经成功在vue2中渲染了echarts3D地图，那么这次我们直接进阶成vue3渲染geo3D地图，并且承接上一章末尾许下的小彩蛋，我们在3D地图上加入，3D柱状图，和热力图！本文框架基于vue3.xsetup+vite+
顽皮宝·2023-04-07 23:52

Vue3 script-setup语法糖

注意:该语法糖现在正处于实验阶段作用:简化代码编写Vue3script-setup超清新单文件写法-(jianshu.com)Vue3.0的新语法糖-scriptsetup-小兔儿_乖乖-博客园(cnblogs.com
码农梦醒·2023-04-07 18:42

vue3.0 ts 前端利用HTML2canvas与JSpdf插件实现将页面保存为pdf格式下载

vue3.0ts前端利用HTML2canvas与JSpdf插件实现将页面保存为pdf格式下载话不多说先看效果安装html2Canvas与JsPDFnpminstall--savehtml2canvasnpminstall--savejspdfhtml代码周报js代码import{reactive,ref,createVNode,onMounted}from'vue'importhtmlToPdff
造梦者FZ·2023-04-07 16:34

vue3.0修改表单 生成修改前后详细日志（对比表单对象修改前后的值 并且展示出修改前和修改后的值）

vue3.0修改表单生成修改前后详细日志（对比表单对象修改前后的值并且展示出修改前和修改后的值）话不多说先上效果：1、定义两个对象用于保存比较判断修改前后FormState值的变化//用于保存比较判断修改前后
造梦者FZ·2023-04-07 16:53

vue3.0入坑指南

定义组件import{defineComponent}from'vue'exportdefaultdefineComponent({name:'',props:{},components:{},//所有定义的数据，都在setup函数里setup(props,ctx){return{}}})ref定义单个数据import{ref}from'vue'letnum=ref(10)letname=ref(
团猫咪爱吃玉米·2023-04-07 03:30

2023前端vue面试题及答案

Vue3.0为什么要用proxy？
bb_xiaxia1998·2023-04-07 01:21

vue3.0项目修改文件后，总是 92% chunk asset optimization TerserPlugin，卡住不动

在vue3.0项目中，每次修改后重新启动，总是在92%或者95%出卡住，需要等待几十秒才能完成，非常影响效率。
晚秋10·2023-04-06 21:53

Vue3.0 —— 公共数据、网络、路由、数据仓库（Pinia）的配置

一、公共数据的配置因为v2使用公共配置时一般绑定在原型上无论是否使用都在每一个组件的this链上,这样的设计不太友好,v3提供了专门公共数据配置的方式:globalPropertiesgetCurrentInstancemain.js文件中：import{createApp}from'vue'importAppfrom'./App.vue'constapp=createApp(App)app.co
z_小张同学·2023-04-06 16:07

Vue3.0——公共数据配置、网络配置、插件配置——use语法、路由配置

目录一、公共数据配置二、网络配置1、代理配置:2、网络配置:三、插件配置——use语法三、路由配置一、公共数据配置Vue3.0中setup中没有了this，那么有些东西配置到原型链上，就没有意义了就需要配置全局
爱喝牛奶~·2023-04-06 15:53

vue3入门——插件开发！！！

效果图点击这里直接查看DEMO前言Vue3.0正式版发布到现在已经有半年了，官方插件vue-router和vuex也都是稳定版的了。
帝尊菜鸟·2023-04-06 15:39

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

总结：elementui未适配vue3.0,在vue3.0中，elementui不可用。
张中华·2023-04-06 10:10

vue3.0 watchEffect

立即执行传入的一个函数，并响应式追踪其依赖，并在其依赖变更时重新运行该函数。用法:import{watchEffect}from'vue'setup(){watchEffect(函数(){依赖追踪：同步调用：追踪所有依赖异步调用：只有在第一个await正常工作前访问到的property才会被追踪。如下：只会追踪url.value作为依赖constresponse=awaitfetch(url.va
神奇大叔·2023-04-06 08:59

vue3.0 nextTick

将回调推迟到下一个DOM更新周期之后执行,在更改了一些数据以等待DOM更新后立即使用它。import{createApp,nextTick}from'vue'方式一:constapp=createApp({setup(){constchangeMessage=asyncnewMessage=>{...awaitnextTick()会返回一个Promise对象,所以可以使用await,等待nextT
神奇大叔·2023-04-06 08:59

ref、reactive、toRef、toRefs

xxx.value模板中读取数据：不需要.value,直接{{xxx}}接收的数据：基本类型、对象类型基本类型的数据：响应式是靠object.defineProperty()的get与set完成的对象类型的数据：通过vue3.0
徐_三岁·2023-04-05 22:38

Vue3.0 + typescript 高仿网易云音乐 WebApp

前言Vue3.0的正式发布，让我心动不已，于是尝试用vue3实现一个完整的项目，整个项目全部使用了compositionapi,相比较options方式，逻辑更加清晰，使用也更加灵活。
慕非暮·2023-04-05 18:03
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他