vue3.0 第6页

关于vue3.0 引入 ant-design-vue 报错 Uncaught TypeError: Cannot read property ‘use‘ of undefined 的解决办法

其实很简单哈哈哈就是因为版本的问题根目录执行下面这个命令就行了cnpmi--saveant-design-vue@next-Scnpm和npm都行我把我main.js的内容粘出来方便大家复制import{createApp}from'vue'importAppfrom'./App.vue'importrouterfrom'./router'importstorefrom'./store'impor

魏天·2023-11-11 01:47

vue3.0 创建乾坤qiankun 微前端

1.前期准备工作1.1创建主应用1)vue新建主应用vuecreateqiankun-main2)创建src/components/father.vue恭喜你，看到我了，我是father页面exportdefault{name:'AFather'}3)src/router/index.js中添加路由信息import{createRouter,createWebHistory}from'vue-ro

红豆黄豆小甜豆·2023-11-11 00:57

vue3.0项目中使用mitt进行组件传值

一、安装依赖mittnpminstallmitt二、导出模块mitt在src目录下创建utils文件夹，在该文件夹下创建mybus.ts文件importmittfrom'mitt';constmitter=mitt();constbus:any={$emit:mitter.emit,$on:mitter.on,$off:mitter.off}export{bus}三、在main.ts中引入impo

Jeasu_0908·2023-11-10 22:36

Vue3.0路由拦截

全局路由器拦截：官方叫导航守卫index.js路由器import{createRouter,createWebHistory}from"vue-router";//导入vue-router路由模块,createWebHashHistor函数constroutes=[{path:"/",//路径:redirect:"/Films"//涉及到多级页面跳转需要用路径的跳转，不能用name的跳转;浏览器进

无盐海·2023-11-10 17:54

Vue3.0 声明式导航，编程式导航，路由，路由拦截案例

项目结构App.vue：根组件importTabbarfrom'../src/views/Tabbar.vue';//底部选项卡importHomefrom'../src/views/Home.vue';importFilmsfrom'../src/views/Films.vue';importCinemasfrom'../src/views/Cinemas.vue';importNotFound

无盐海·2023-11-10 17:54

Vue3使用vue-print-nb插件打印功能

Vue版本安装插件//Vue2.0版本安装方法npminstallvue-print-nb--savepnpminstallvue-print-nb--saveyarnaddvue-print-nb//Vue3.0

PaceMak1r777·2023-11-10 05:03

轻量状态管理工具 Pinia

什么是PiniaPinia和Vuex一样是专门为Vue设计的状态管理库，它允许你跨组件或页面共享状态，Api设计比Vuex更简单易学，且同时支持Vue2.0和Vue3.0。

诸葛亮的芭蕉扇·2023-11-10 01:19

As Const：一个被低估的 TypeScript 特性

asconst'TypeScript的期望与现实解决方案：'asconst'与object.freeze的比较一个配合'asconst'的更清洁的'gotoroot'函数使用'asconst'提取对象值基于Vue3.0

虚无火星车·2023-11-09 18:31

基于vue2使用vue-awesome-swiper 轮播图（踩坑记录）

1.安装Swiper2.注册swiper组件四、补充说明总结提示：本文介绍是基于vue2.0实现，如果您是vue3.0建议直接去swiper上按照官方文档使用哦。

T丶t·2023-11-09 15:19

Vue-cli创建Vue项目工程步骤详解

不过这里有一点大家需要注意，如果需要创建vue3.0的项目，我们需要使用最新的模板，所以需要保证我们的vue-cli的版本在4.5.13以上，我们可以通过以下的方式来查看我们电脑中的vue-c

一天吃、八顿·2023-11-09 14:10

前端进阶高薪必备：Webpack 及 Vite 原理剖析

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

前端达人·2023-11-09 14:04

Element Plus 千位分隔符

以下GIf动画是文档地址的演示使用pixiu-number-toolkit库优化Element-Plus组件Element-Plus是一个基于Vue3.0的桌面端组件库，它提供了丰富的组件和功能，可以帮助开发者快速构建应用

慕迅前端·2023-11-09 12:48

vue3.0 vite引入SVG iconfont

1.安装cnpmivite-plugin-svg-icons-D2.配置vite.config.tsimportviteSvgIconsfrom'vite-plugin-svg-icons';importpathfrom'path';exportdefault()=>{return{plugins:[viteSvgIcons({//指定需要缓存的图标文件夹iconDirs:[path.resolv

沐歌丨丶·2023-11-08 06:59

vue3使用vscode写uniapp引入uview-ui组件

-DCloud插件市场同时支持Vue3.0和Vue2.0，你没看错，现在uView支持Vue3.0了！

poguanba·2023-11-08 04:41

覆盖vue3.0的最全Vue知识点

声明：本篇文章纯属笔记性文章，非整体原创，是对vue知识的整理，对自己有很大帮助才分享出来，参考文章传送:1.童欧巴对vue知识的整理2.我是你的超级英雄对vue知识的整理3.vue官网基础篇说说你对MVVM的理解：Model-View-ViewModel的缩写，Model代表数据模型，View代表UI组件,ViewModel将Model和View关联起来。数据会绑定到viewModel层并自动将

weixin_45514905·2023-11-08 00:24

最全vue2,vue3知识点汇总

一、Vue基础1.Vue的基本原理当一个Vue实例创建时，Vue会遍历data中的属性，用Object.defineProperty（vue3.0使用proxy）将它们转为getter/setter，并且在内部追踪相关依赖

william毅·2023-11-08 00:50

前端er，你真的会用 async 吗？

async异步函数不完全使用攻略前言现在已经到8012年的尾声了，前端各方面的技术发展也层出不穷，VueConfTO2018大会也发布了Vue3.0的计划。

w18478272407·2023-11-07 18:10

(zichao)VUE3基础（仅作简单整理，未深入探究）

目录一、创建Vue3.0工程二、setup（一）理解：（二）作用（三）setup函数的两种返回值：（四）注意点（五）声明一个setup三、ref函数（一）作用（二）语法（三）操作数据（四）注意四、reactive

zichao_99·2023-11-07 14:47

VUE3.0,DAY61，VUEX模块化编码+namespace

VUE3.0,DAY61vuex模块化namespace总结vuex模块化在vuex的store核心库中，在actions、mutations、state在我们写了很多的逻辑函数代码。

疯子的梦想＠·2023-11-07 10:41

小黑子的——vue从入门到入土过程：第五章

vue.js零基础入门到vue项目入土5.0VUE2.0——VUE3.0系列第五章1.数据懒加载1.1运用vant库List组件加载1.2数据到底结束2.loading加载&axios拦截器2.1VueLoading

小黑子史蒂夫·2023-11-07 08:14

Vue3+Vite+Pinia+Naive后台管理系统搭建之四：Naive UI 组件库的安装和使用

前言如果对vue3的语法不熟悉的，可以移步Vue3.0基础入门Vue3.0基础入门快速入门。

yqcoder·2023-11-07 02:30

vue3.0生命周期详解

VUE3.0发布有一段时间了，最近学习了下生命周期与2.x版本相对应的生命周期钩子查看源码戳Vue2.xvue3beforeCreatesetup()createdsetup()mountedsetup

怪兽的猫·2023-11-07 00:38

composition API 和 Mixins

关于Vue3.0的CompositionAPI和旧版本的Mixins【转载】原文:http://caibaojian.com/vue3-composition-api.html在过往，如果你想共享组件间的代码

达文西_Huong·2023-11-06 11:54

前端Vue框架学习（一）基础内容总结

Vue是前端开发主流框架之一，对于开发者来说解决了好多细节问题，方便了开发，提高了效率，下面我就带来Vue2.0的一些基础的内容归纳总结，后期我会归纳Vue3.0的新变化文章参考：Vue基础概念Vue教程

一个刘·2023-11-06 10:20

vue3.0依赖注入

provide和inject用来向后代组件传递数组，也是遵循的是单项数据流看代码：在祖先组件中，定义provide数据，如果是响应式的，必须要用ref或者reactive来定义App根组件---{{money}}import{provide,ref}from'vue'importSonfrom'./son.vue'exportdefault{name:'App',components:{Son},

weixin_49696014·2023-11-06 03:56

vue3.0中的provide和inject 依赖注入使用方法

父组件向子组件传递信息,如果是多层组件嵌套(父>子>孙>孙孙…),props逐级透传十分麻烦,props可用但不优雅,更推荐provide/inject依赖注入的方式;在provide/inject依赖注入中父组件向后代组件通讯,如果说props是传递,逐级透传的,依赖注入是在父组件中与后代组件共享数据,可实现跨级共享;provideimportHelloWorldfrom'./component

不断学习的码农·2023-11-06 03:26

【vue3.0】依赖注入（provide和inject）

使用场景：有一个父组件，里头有子组件，有孙组件，有很多后代组件，共享父组件数据。父组件父组件{{money}}import{ref,provide}from"vue";importSonfrom"./components/Son.vue";exportdefault{name:"App",components:{Son,},setup(){constmoney=ref(100);constchan

别亦难�·2023-11-06 03:54

VUE3.0的404页面如何配置以及路由守卫

一、配置404页面router中增加一行这样的代码即可，关键要素：/:catchAll(.*){path:'/:catchAll(.*)',name:'404',component:()=>import("@/views/404.vue")}二、配置路由守卫router.beforeEach((to,from,next)=>{consttoken=storage.getItem('token');

我来秋风扫落叶·2023-11-05 14:22

proxy的使用场景

昨天电话面试有被问到vue3.0的特色是什么，想起了之前老师提过的proxy，但本人确实也不知道proxy的具体概念、原理和使用场景。google了一下，觉得下面这篇文章不错，贴来分享给各位，供翻阅。

易推倒DE小狼·2023-11-04 21:45

vue 3.0 使用ref获取dom元素

前言附上vue3.0文档：Vue3中文文档-vuejs2022.10.22更新鉴于较多人询问几个高频问题，在此做统一回复ref.value获取到的是null答：检查是否将ref变量return出去了答：

好巧.·2023-11-04 08:50

Vue3.0 provide与inject依赖注入：VCA

简介provide与inject是一种跨层级组件（祖孙）通信方式。当组件多层嵌套时，不需要将数据一层一层的向下传递，通过它俩可以实现跨层级组件通信。provide：提供者注入一个值，可以被后代组件接收。provide它接受两个参数：第一个参数是要注入的key，可以是一个字符串或者一个symbol。第二个参数是要注入的值。inject：接收者接收一个由祖先组件或整个应用(通过app.provide(

无盐海·2023-11-03 21:18

Vue3.0 VCA语法糖＜script setup＞ :VCA模式

简介：是在单文件组件(SFC)中使用组合式API的编译时语法糖。相比于普通的语法，它具有更多优势：更少的样板内容，更简洁的代码。能够使用纯Typescript声明props和抛出事件。更好的运行时性能(其模板会被编译成与其同一作用域的渲染函数，没有任何的中间代理)。更好的IDE类型推断性能(减少语言服务器从代码中抽离类型的工作)。语法糖用法基本语法：要使用这个语法，在script中添加setup属

无盐海·2023-11-03 21:18

Vue3.0中父组件与子组件的通信传值props与emit :VCA模式

简介什么是propsProps是Vue组件之间通信的一种方式，通过Props，父组件可以向子组件传递数据，即：父组件可以通过组件标签上的属性值把数据传递到子组件中。子组件可以根据自己的属性和方法去渲染展示数据或执行某些操作。由于props是单向数据流的，它是只能从父组件传递到子组件的，而子组件是无法更改props的值的，只能由父组件来修改。这样就保证了组件的数据传递不会出现混乱和错乱的情况。如何定

无盐海·2023-11-03 21:14

vue项目打包部署linux_Vue项目打包部署到Nginx服务器

weixin_39997664·2023-11-03 20:39

Proxy和Reflect的理解

前沿这篇《从Proxy到Vue源码，深入理解Vue3.0响应系统》提到了vue中通过Object.defineProperty的，递归遍历data对象上的所有属性，将其转换为getter/setteProxy

叨唠·2023-11-03 19:53

关于proxy一篇就够了

前言关注vue2.0的同学都知道，vue2.0实现响应式的方式的是通过Object.defineProperty，而vue3.0的响应式实现是用的ES6的新语法proxy代理实现的。

前端_小学生·2023-11-03 19:22

从Vue3.0的watchEffect没有触发ref数组变化说起

Vue3.0加入了watchEffect，刚好项目使用到了，很好用，但是发现了一个现象：watchEffect没有触发ref的数组变化，直接上代码。

weixin_sjk6070·2023-11-03 18:42

vue3.0监听属性watch与watchEffect

watch监听监听reactive定义的数据时两个小坑:1.监视reactive定义的响应式数据时:oldValue无法正确获取、强制开启了深度监视（deep配置失效）2.监视reactive定义的响应式数据中某个属性时:deep配置有效letsum1=ref(0);letmsg=ref("你好啊");letperson=reactive({name:"张三",age:18,job:{j1:{sa

Zang_WS·2023-11-03 18:38

Vue3.0 toRef toRefs :VCA模式

简介作用：创建一个ref对象，其value值指向另一个对象中的某个属性语法：constname=toRef(person,'name')应用：要将响应式对象中的某个属性单独供应给外部使用时扩展：toRefs与toRef功能一致，但可以批量创建多个ref对象，语法：toRefs(person)案列点我点我修改名称Email{{name}}--{{age}}--{{email}}--{{cpu}}--

无盐海·2023-11-03 00:47

Vue3.0 computed计算属性:VCA

一、Vue3计算属性computed函数介绍与语法计算属性:计算属性与方法函数的区别就是计算属性存在缓存，只要函数内变量变化,会自动重新计算结果返回，不变化则从缓存中直接取值返回不要在computed中操作DOM，不要做ajax请求数据，只做计算//第一种语法get方法（没有set）const函数名=computed(()=>{return})//第二种语法getset方法带有set参数可以设置c

无盐海·2023-11-03 00:47

Vue3.0 reactive与ref :VCA模式

简介Vue3最大的一个变动应该就是推出了CompositionAPI，可以说它受ReactHook启发而来；它我们编写逻辑更灵活，便于提取公共逻辑，代码的复用率得到了提高，也不用再使用mixin担心命名冲突的问题。ref与reactive是Vue3新推出的主要API之一，它们主要用于响应式数据的创建。reactive能做的，ref都能胜任，并且ref底层还是使用reactive来做的!!!ref函

无盐海·2023-11-03 00:16

Vue3.0 watch和watchEffect监听器：VCA

简介在项目中，有时候检测一个变量的值是否反升了变化。通常使用的watch或者使用低效的循环判断。在次vue中给我们设置了深度监测数据繁盛变化的方法。1.vue中提供了在watch监听时设置deep:true就可以实现对对象的深度监听;2.immediate:true,代表watch里面声明了之后会立马执行handler里面的函数案列{{item}}import{reactive,ref,watch

无盐海·2023-11-03 00:15

Vue3学习-生命周期、自定义hook

目录一、生命周期二、自定义hook函数Vue2基础全套教程合集：点击跳转 Vue2高级全套教程合集：点击跳转一、生命周期vue2.x的生命周期2.vue3.0的生命周期Vue3.0中可以继续使用

大脑不能为空·2023-11-02 08:40

ubuntu 服务器部署 vue3.0 web项目

一.设置root账户密码sudopasswdroot二.安装jdksudoaptinstalldefault-jresudoaptinstallopenjdk-11-jre-headlesssudoaptinstallopenjdk-8-jre-headless 三.安装nginx//命令安装apt-getinstallnginx查看版本nginx-v开启nginx：servicenginxsta

xdchenmozhe·2023-11-02 07:45

vue3.0 日历

效果图安装环境“vue”:“^3.2.6”“vite”:“^2.5.4”介绍解决思路利用css缩放来处理大屏适配的问题，项目地址安装npmicalendar-vue3引入import{calendarVue}from'calendar-vue3'import'calendar-vue3/dist/style.css'使用示例{{dayjs(data.date).format("YYYY-MM-DD

BLUESKYHOST·2023-11-02 06:44

vue3路由，vue-router4，动态添加路由不生效的问题

项目场景：在vue3.0中，做了个动态添加权限路由的功能，可是死活不行问题描述：使用router.addRoute添加好路由之后，输入路由地址死活访问不了，提示没有匹配到这个路由但是把路由实例（router.getRoutes

bittingCat·2023-11-02 02:49

vue3.0 watch侦听器

目录前言：1.选项式API中的侦听器1.1函数式侦听器1.2对象式侦听器1.3对象式侦听器相关参数1.3.1deep1.3.2immediate1.3.3flush1.4this.$watch侦听器1.4.1创建侦听1.4.2停止侦听2.组合式API中的侦听器2.1watch()函数2.1.1创建侦听2.1.2停止侦听2.2watchEffect()函数2.2.1回调的触发时机2.2.2停止侦听2

程序员--韩同学·2023-11-02 00:19

Jeecgboot-Vue3 v1.0.0 版本正式发布，基于代码生成器的企业级低代码平台

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

jeecg博客·2023-11-01 18:43

vue3.0特性写的太好了忍不住复制下来

以下文章来源于程序员成长指北，作者koalaimage前言Vue3.0在去年9月正式发布了，也有许多小伙伴都热情的拥抱Vue3.0。

心淡然如水·2023-11-01 06:20

不要把老项目迁移到Vue3.0(Vue2.0迁移到Vue3.0出现的兼容问题汇总)

前言：Vue3.0发布以来，可谓是一石激起千层浪，vue3.0相较于vue2.0的新特性，例如全局API实例化，组合式API,Teleport等，可谓是极大的解决了vue2.0开发人员心中的痛点，再叠加一层

呔，你这厮～·2023-10-31 14:13

推荐频道

vue3.0