vue3.0

vue3.0开发手册(实用版)

Vue3.2看一遍就会的setup语法糖起初Vue3.0暴露变量必须return出来，template中才能使用；Vue3.2中只需要在script标签上加上setup属性，组件在编译的过程中代码运行的上下文是在
零凌林·2023-10-22 06:28

vue3.0项目搭建，以及去除严格模式eslint

vue/cli-service-global插件npminstall-g@vue/cli-service-global安装成功如图：3.创建vue项目vuecreatevue3.0(项目名称，我直接使用的vue3.0
冰晨之露·2023-10-22 05:13

Vue3.0的设计目标是什么？做了哪些优化

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

vue3.0中使用vant最新版本

vant已经更新出适合vue3.0的架构，官网地址https://vant-contrib.gitee.io/vant/next/#/zh-CN/quickstart首先，我们通过vue-cli3搭建好基本架构
延飞·2023-10-21 14:17

Vue3.0 管理后台基础框架模板 （composition api + element-plus）

vue3-element-plus-admin主要目的在于学习vue3+ts,功能在完善中,基于的RBAC权限控制,后续会持续迭代更新。后端是基于java的springboot,目前完整版后端代码暂未开源。后期完善之后可能会开源完整后端代码。目前开源了基础版的后端代码若该项目有帮助到你可以翻到底部添加作者微信/QQ，如果使用中遇到什么问题可以在交流群中说明你遇到的问题，大佬们都会积极的给你解决。若
拖孩·2023-10-21 08:48

Vue3.0 单文件组件 - SFC语法定义

1、总览一个Vue单文件组件(SFC)SingleFileComponents，通常使用*.vue作为文件扩展名，它是一种使用了类似HTML语法的自定义文件格式，用于定义Vue组件。一个Vue单文件组件在语法上是兼容HTML的。每一个*.vue文件都由三种顶层语言块构成：、和，以及一些其他的自定义块：{{msg}}exportdefault{data(){return{msg:'Helloworl
爱怪笑的小杰杰·2023-10-21 03:57

vue3.0路由自动导入

一、前提我们使用的是require.context方法导入，在vite创建的项目内使用会报错"requirenotfound"，所以必须用webpack创建项目。或者有大能可以说说vite怎么解决这个问题。2021年5月17日，经过几天测试，vite2的自动导入搞定了二、规则我们使用的规则是，搜索src/views/路径下的所有目录和子目录，搜索文件名叫做"index.vue"的文件，使用上级目录
放风喽·2023-10-21 02:47

vue3脚手架搭建

一.安装vue3.0脚手架如果之前安装了2.0的脚手架，要先卸载掉，输入：npmuninstallvue-cli-g进行全局卸载1.安装node.js（npm）node.js：简单的说Node.js就是运行在服务端的
贝西奇谈·2023-10-20 18:29

uniapp vue3.0 通过import引入外部js(sdk)文件undefined

在使用uniapp导入SDK的过程中，您可能会遇到这样的情况：使用console.log()打印导入的模块名称时，实际输出的名称并不是您期望的名称。这是因为uniapp进行了编译和打包处理后，会将代码重新命名以减小文件大小和提高执行效率，包括修改变量名称、方法名称、模块名称等。uniappvue2.0通过import引入外部js(sdk)文件，正常uniappvue3.0通过import引入外部j
smileAgain-lg·2023-10-20 15:59

vue-cli vue3.0 + ts搭建的项目中添加jest

如果在用vue-cli初始化项目的时候没选择安装jest。该如何配置？1需要的项目依赖npmi-S@vue/cli-plugin-unit-jestvue-jest@vue/test-utils如果是ts项目，需要额外添加ts-jest@types/jest安装包2在根目录新建jest.config.js文件，配置如下module.exports={preset:'@vue/cli-plugin-
xqk1994·2023-10-19 20:48

杂谈: Vue3.0 Pre-Alpha 源码导读

5号凌晨，尤雨溪公布了Vue3源代码。源码地址：https://github.com/vuejs/vue-nextvue-next，顾名思义，下一个Vue。它的status是Pre-Alpha，解释一下，产品发布周期的一个版本，一般是在alpha之前发布。也有人叫DevelopmentRelease、TechnicalPreview（技术预览版）等。功能非常不完善，有时候会有较严重的BUG出现，因
李_李·2023-10-19 13:04

axios常用请求封装 vue3.0

importaxiosfrom'axios'importqsfrom'qs'import{ElMessage}from'element-plus'importstorefrom'@/store'importcachefrom'@/utils/cache'//axios实例constservice=axios.create({  baseURL:import.meta.env.VITE_API_UR
qq_34114535·2023-10-19 13:51

Visual Studio Code之Vue3.0语法插件

如何阻止在使用vscode写vue3代码时保存自动格式化的问题找到设置，打开扩展->Auto,找到Vue3snippets:Enable-compile-vue-file-on-did-save-code,取消勾选在这里插入图片描述
weixin_45842460·2023-10-19 11:49

Vue3.0 watch监听ref定义的响应式数据变化

num1：{{num1}}num2：{{num2}}加import{ref,computed,watch}from"vue";exportdefault{setup(){letnum1=ref(0);letnum2=ref(1);functionadd(){num1.value=num1.value+1;num2.value=num2.value+2;}//情况一:监听一个ref定义的响应式数据变
weixin_45842460·2023-10-19 11:49

我为什么要使用Hooks？

一、背景Vue3.0已经出到3.0.5了，ReactHooks大家也用的如日中天。整天大家都在讨论Hooks,Hooks，那么Hooks式的编程到底有什么好处？
追逐、·2023-10-19 09:05

VUE3.0 中如何使用SVG图标

本文章将演示如何在vue3项目中如何使用svg图标，所使用方法不懂请自行搜索，如有不对请多指出。1.文件下新建SvgIcon文件夹以及子文件index.js，index.vue，svg文件夹（用于存放svg图片）2.编写index.vue组件exportdefault{name:"SvgIcon",props:{iconClass:{type:String,required:true,},clas
坚持努力_573f·2023-10-19 08:44

VUE3.0的proxy初探

关于proxyMDN上是这么描述的——Proxy对象用于定义基本操作的自定义行为（如属性查找，赋值，枚举，函数调用等）其实就是在对目标对象的操作之前提供了拦截，可以对外界的操作进行过滤和改写，修改某些操作的默认行为，这样我们可以不直接操作对象本身，而是通过操作对象的代理对象来间接来操作对象，达到预期的目的~下面看例子letobj={name:{name:'hhh'},arr:['吃','喝','玩
Qianliwind·2023-10-19 06:26

vue3.0借用vue-pdf-embed实现在线预览pdf文件

在需求中，经常遇见pdf的在线预览效果很多pdf插件不支持vue3，或者是没有集成翻页放大缩小功能，比如vue-pdf。实现原理：借用依赖vue-pdf-embed(pdf预览),pdfjs-dist（获取pdf总页数）借用文档：https://juejin.cn/post/6995856687106261000实现效果实现步骤一：安装依赖npmivue-pdf-embed-Snpminstall
hyduan200·2023-10-18 14:25

webpack5（Module Federation）+vue3.0实现微前端

项目源码地址：https://github.com/wuxiaohuaer/webpack5-vue-admin一、什么是微前端微前端是一个比较宏观的概念，他的核心就是独立，开发独立、部署独立，比较适合大的团队来进行重量级项目开发。从MicroFrontends官网可以了解到，微前端概念是从微服务概念扩展而来的，摒弃大型单体方式，将前端整体分解为小而简单的块，这些块可以独立开发、测试和部署，同时仍
爱踢球的jerry·2023-10-18 13:46

在vue3.0中使用swiper6

vue3.0中使用swiper6版本HTMLJS版本"swiper":"^6.7.0","vue":"^3.0.0",HTML如果想给两侧的翻页按钮定位到轮播的外面就把.swiper-container
仲冬廿三·2023-10-18 13:03

Vue3目录结构与Yarn.lock 的版本锁定

Vue目录结构与Yarn.lock的版本锁定一、Vue3.0目录结构图总览举个例子看vue的目录，一开始不知道该目录是什么意思目录里各个文件包里安放有什么，程序员在哪里操作该如何操作。
qqxinxi·2023-10-18 10:27

vue3.0 amis 低代码框架

amisamis是百度开源的一个低代码前端框架，它使用JSON配置来生成页面，可以减少页面开发工作量，极大提升效率。组件地址：https://aisuda.bce.baidu.com/amis编辑器地址：https://aisuda.github.io/amis-editorVue3中使用安装依赖npmiamisnpmicopy-to-clipboard封装组件AmisComponentimpor
tansci·2023-10-18 09:30

VUE3.0实现websocket

VUE3.0实现websocket1、vue2.0与vue3.0的区别先说一下网上很多资料的websocket都是针对vue2.0的，我这个vue入门小菜鸟，对于vue的整体实现过程理解还是有偏差，因而记录下
m0_67391907·2023-10-18 03:08

Vue3.0+element-plus实现表格的增删查改

最近浅学了下vue3.0，做了个表格的demo，有增删改查的功能，记录一下，喜欢就点个赞收藏一下吧~index.vue文件：新增查看编辑删除import{reactive,ref,toRefs}from"vue
橙色日落·2023-10-18 01:04

vue3双向数据绑定原理

面试官：Vue3.0里为什么要用ProxyAPI替代definePropertyAPI？
thewar196·2023-10-18 00:05

解决 vue cli 3.0项目版本更新后文件存在缓存现象的问题。

文件中需要设置不保存缓存no-cache可以在本地缓存，可以在代理服务器缓存，但是这个缓存要服务器可以使用no-store彻底的禁用缓冲，本地和代理服务器都不缓冲，每次都从服务器获取2.在vue.config.js中（vue3.0
工程狮子·2023-10-17 19:47

Vue2.0 和 Vue3.0 Dom Diff 对比

diff算法简介diff算法的目的是为了找到哪些节点发生了变化，哪些节点没有发生变化可以复用。如果用最传统的diff算法，如下图所示，每个节点都要遍历另一棵树上的所有节点做比较，这就是o(n^2)的复杂度，加上更新节点时的o(n)复杂度，那就总共达到了O(n^3)的复杂度，这对于一个结构复杂节点数众多的页面，成本是非常大的。实际上vue和react都对虚拟dom的diff算法做了一定的优化，将复杂
前端同学·2023-10-17 12:57

Vue 3.0 使用的 diff 算法相比 Vue 2.0 中的双端比对有什么优势？

1、最长递增子序列算法Vue3.0的diff算法采用了最长递增子序列算法，能够减少不必要的DOM操作，提升性能。
小草莓蹦蹦跳·2023-10-17 12:05

the ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead终端报该警告的解决办法

一.项目环境项目版本是vue3.0二.报出的警告2.1当css样式为这样写时/deep/.ant-table-tbody>tr>td,/deep/.ant-table-thead>tr>th{vertical-align
霜雪遥·2023-10-17 06:54

创建vue3.0项目教程

##简介：Vue3的正式版发布了，两年多的开发，99位贡献者的努力，2600次提交628次PR，在2020年9月19日Vue3更新了正式版本，正式版本一出，代表着不会再有太大的改动了，也意味着你可以开始学习了，这篇文章主要介绍下vue-cli3.0项目搭建，分享给大家1.卸载旧的vue-cli2版本的脚手架npmuninstall-gvue-cli2.安装新的vue-cli3版本的脚手架npmin
陈序员01·2023-10-17 02:16

Vue3后台管理系统模板推荐

[TOC](文章目录)1.Vue-Vben-Admin2.vue-manage-system1.Vue-Vben-AdminVue-Vben-Admin（github上的标星数为14.2k）是一个基于Vue3.0
文海鸥·2023-10-17 02:16

vue3.0实战项目

路由插件vue-router4安装使用2、vuex4的安装3、安装sass和elementplus五、系统开发1、页面布局2、侧边栏开发3、全局使用动态的icon图标4、全局提示框一、技术栈语法演变，vue3.0
EricFRQ·2023-10-17 02:46

vue3.0 开发公共组件库并发布到npm

前言分享一下我自己的组件库郝艳峰的组件库详细教程再组件库内写的很清楚目前只有一个发送验证码的组件，后期会慢慢更新首先：：就是开发自己组件库第一步：新建一个vite–vue3.0的项目,依次执行一下命令。
郝艳峰Vip·2023-10-17 02:46

项目升级vue3.0总结

项目框架由vue2.6升级到vue3.0，总结下升级过程中的遇到的问题及解决方法。
醉逍遥neo·2023-10-17 02:45

vue3.0公共组件自动导入

一、前提我们使用的是require.context方法导入，在vite创建的项目内使用会报错"requirenotfound"，所以必须用webpack创建项目。或者有大能可以说说vite怎么解决这个问题。2021年5月17日，经过几天测试，vite2的自动导入搞定了。二、规则我使用的注册规则是，搜索src/components/路径下的所有目录和子目录，搜索文件名叫做"index.vue"的文件
放风喽·2023-10-17 02:14

vue3.0项目结构

vue3.0项目结构|-dist--生成打包后文件|-node_modules--项目依赖包的目录|-public--项目公用文件|--favicon.ico--网站地址栏前面的小图标|--index.html
一头秀发的小白·2023-10-17 02:13

vue3.0与vue2.0的区别

目录前言一、项目架构二、数据响应式系统三、虚拟DOM四、生命周期五、组件实例的创建方式六、路由七、请求八、模板指令九、API十、diff算法总结前言Vue3.0是一个用于构建用户界面的JavaScript
Adelbert 1002@·2023-10-17 02:13

Vue3.0项目文件说明

开门见山本篇文章主要是介绍vue项目的项目文件说明，希望可以帮助到大家public:公共目录项目开发环境不参与打包构建此文件夹下面的文件可以直接使用/+filename访问build文件夹:里面是对webpack开发和打包的相关设置，包括入口文件、输出文件、使用的模块等；config文件夹:主要是指定开发和打包中的静态资源路径、要压缩的文件类型、开发使用的端口号、开发使用虚拟服务器跨域请求api等
ZhandsomeZ·2023-10-17 02:11

Vue3.0 watch

Document.liColor{background-color:brown;}{{item}}20212022202320249101112293031varapp=Vue.createApp({data(){return{userObj:{name:'张三',age:23,email:'[email protected]'},inputval:'',charArr:["aaa",'abc','abd
无盐海·2023-10-17 02:40

Vue3.0 事件修饰符

Vue为v-on提供了事件修饰符。修饰符用.表示指令后缀，包含以下这些：.stop//阻止冒泡：.prevent//阻止默认事件：，.self.capture.once.passiveDocument.liColor{background-color:brown;}A标签1A标签2A标签3LI1LI2A标签提交1提交2提交3LI1{{count}}自增1varapp=Vue.createApp({
无盐海·2023-10-17 02:10

Vue3.0 项目结构及组件

main.js文件//vue中main.js的作用//main.js是项目的入口文件，项目中所有的页面都会加载main.js,所以main.js,主要有三个作用：//1.实例化Vue。//2.放置项目中经常会用到的插件和CSS样式。例如：网络请求插件:axios和vue-resource、图片懒加载插件：vue-lazyload//3.存储全局变量。//vue中App.vue文件的作用//App.
无盐海·2023-10-17 02:39

使用 Vue3.0 + Element Plus + TS/TSX

---------------------------------Vue3.0问题1.路由：配置404{path:"/:catchAll(.*)",name:"NotFound",component:(
桃子彩虹无限·2023-10-16 21:51

Vue3.0 + Ts 项目框架搭建三：element-plus

一、安装首先进行依赖的安装，这里直接使用npm方式：npminstallelement-plus--save二、使用提供两种使用方案，根据自己需要，任选其一即可。1.全局引入注：如果你对打包后的文件大小不是很在乎，那么使用完整导入会更方便。在main.ts中直接导入：import{createApp}from'vue'importElementPlusfrom'element-plus'impor
对，我·2023-10-16 16:05

【Vue3.0】- 侦听器

监听器侦听器可以帮助我们去观察某个数据的变化然后去执行一段逻辑Vue.js2.x中，通过watch选项，或者$watchAPI去初始化一个侦听器，称作watcherVue.js3.0使用CompositionAPI中的watchAPI可以实现侦听器的效果watchAPI的用法1、watchAPI可以侦听一个getter函数这个getter必须返回一个响应式对象当该响应式对象更新后，会执行对应的回调
啦啦啦喽啰·2023-10-16 13:37

推荐一些你可能需要的 UI 组件库

免费开源，不过最近发现已经几个月不维护了，issues也Closed，如果你后面用上了Vue3.0，那么就不能继续使用这一套UI框架，因为容易出现许多的问题解决方法：新的项目的话可以考虑其他的UI框架：
biaov·2023-10-15 23:09

Vue&.netCore WebApi

https://blog.csdn.net/wangyihero8/category_10542066.html原创Web3D重构（Vue&WebApi）总结1、不保存预设注意：创建时选取VUE3.0版本
qq_18932003·2023-10-15 22:43

vue3.0实现简易版计算器

通过vue3的基础知识实现简易版的计算器小示例通过两个数字计算对应的结果，两个输入框必须都输入，输入后点击对应的按钮计算对应的结果，将结果展示页面上，点击clear将输入的数字和结果清空，话不多说，直接上代码。template部分计算结果：{{numCount}}数字1：数字2：+-*/clearscript部分import{ref,reactive}from'vue'exportdefault{
哇，女前端哎！·2023-10-15 19:24

vue3.0与vue2.0的区别

前言Vue3.0是一个用于构建用户界面的JavaScript框架。相比于Vue2.x，Vue3.0在性能、体积和开发体验上都有了很大的提升。
哥很冷漠·2023-10-15 10:59

vue3.0使用vue-seamless-scroll报错问题

因公司业务需求，需要一个列表滚动功能根据网上资料的步骤来做，出现了如下报错：不管是在main.js中引用还是在组件中直接引用都会出现这个问题。解决方法如下：路径加上src后能正常显示列表并滚动。
周法海·2023-10-15 02:50

Composition Api 与 Options Api 有什么区别？

Vue3.0采用的CompositionAPI与Vue2.x使用的OptionsAPI在编写Vue组件时有一些区别。
泡芙·草莓·2023-10-14 22:03
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他