- 使用脚手架搭建的Vue3项目默认使用的路由版本是4,由于Vue3和Vue2写法差异较大,所以需要从新熟悉Router用法,本篇文章比较下两个版本的写法差异,不做深层次的讲解,主要是我也不懂。 1 Vue2配合Vue-router3 说多了没用,直接上代码 import Vue from ... 使用脚手架搭建的Vue3项目默认使用的路由版本是4,由于Vue3和Vue2写法差异较大,所以需要从新熟悉Router用法,本篇文章比较下两个版本的写法差异,不做深层次的讲解,主要是我也不懂。 1 Vue2配合Vue-router3 说多了没用,直接上代码 import Vue from ...
- 前面已经讲了浅谈Vue2中provide和inject使用,今天讲讲在Vue3中如何使用provide和inject Vue3的写法已经和Vue2有所不同,因此需要熟悉Vue3的写法,其实变动不大,现在官方文档也有详细介绍,有兴趣的可以去了解. 1 使用 Provide 在 setup() 中使用 pro... 前面已经讲了浅谈Vue2中provide和inject使用,今天讲讲在Vue3中如何使用provide和inject Vue3的写法已经和Vue2有所不同,因此需要熟悉Vue3的写法,其实变动不大,现在官方文档也有详细介绍,有兴趣的可以去了解. 1 使用 Provide 在 setup() 中使用 pro...
- 项目基于Vue-cli3.x进行开发,使用了ant-design-vue框架,然后需要做国际化。此时做国际化需要考虑两方面的国际化,一是ant-design-vue内部组件的国际化,二是国际化我们的业务显示,业务显示我们选用vue-i18n进行国际化。 安装vue-i18n yarn add vue-i18n 在public... 项目基于Vue-cli3.x进行开发,使用了ant-design-vue框架,然后需要做国际化。此时做国际化需要考虑两方面的国际化,一是ant-design-vue内部组件的国际化,二是国际化我们的业务显示,业务显示我们选用vue-i18n进行国际化。 安装vue-i18n yarn add vue-i18n 在public...
- 点击上方“ 青年码农 ”关注 回复“特效源码”可获取各种资料 前面讲了关于vue组件间数据传递,如果没有看过,关注公众号,有历史推荐,讲的比较详细,有代码,新手也能看懂,今天说一说$attrs和$listener。 疫情之前,在家关了这么久,也没怎么更新,最近在看大佬的项目,学习下新的思路。之前项目上,父子组件传递数据,都是用pr... 点击上方“ 青年码农 ”关注 回复“特效源码”可获取各种资料 前面讲了关于vue组件间数据传递,如果没有看过,关注公众号,有历史推荐,讲的比较详细,有代码,新手也能看懂,今天说一说$attrs和$listener。 疫情之前,在家关了这么久,也没怎么更新,最近在看大佬的项目,学习下新的思路。之前项目上,父子组件传递数据,都是用pr...
- 前段时间电脑重新装机,导致之前安装的环境全部需要重新安装,加上最近要写个移动端H5项目,思来想去,还是用vue脚手架搭建吧 没有安装,那就安装下 npm install -g @vue/cli 装的版本比较高,创建项目就需要init了 vue create my-pro... 前段时间电脑重新装机,导致之前安装的环境全部需要重新安装,加上最近要写个移动端H5项目,思来想去,还是用vue脚手架搭建吧 没有安装,那就安装下 npm install -g @vue/cli 装的版本比较高,创建项目就需要init了 vue create my-pro...
- 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。 这句话我们可以理解为在js代码中定义一个混入对象,里面可以包含一个组件可以有的任何组件选项:data、method、watch... 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。 这句话我们可以理解为在js代码中定义一个混入对象,里面可以包含一个组件可以有的任何组件选项:data、method、watch...
- Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示: <!-- 在双花括号中 -->{{ m... Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示: <!-- 在双花括号中 -->{{ m...
- 写管理后台的都会遇到这个这种需求,管理员登录后台需要看到所有功能,普通的公司管理员或部门管理员登录只能看到部分功能权限 不同角色有不同的权限,这时如果管理平台的菜单定义在代码里,显然是不能满足上面的需求,我们就需要后台提供用户菜单,然后前台动态生成路由。 1 动态添加路由 利用 vue-router 的 addRo... 写管理后台的都会遇到这个这种需求,管理员登录后台需要看到所有功能,普通的公司管理员或部门管理员登录只能看到部分功能权限 不同角色有不同的权限,这时如果管理平台的菜单定义在代码里,显然是不能满足上面的需求,我们就需要后台提供用户菜单,然后前台动态生成路由。 1 动态添加路由 利用 vue-router 的 addRo...
- 文章目录 1. 效果展示2. 两套用户体系3. 创建用户表4. 配置系统登录5. 修改流程图6. 提交请假申请6.1 页面设计6.2 后台处理 7. 历史请假列表8. 待审批列表9. 测试 ... 文章目录 1. 效果展示2. 两套用户体系3. 创建用户表4. 配置系统登录5. 修改流程图6. 提交请假申请6.1 页面设计6.2 后台处理 7. 历史请假列表8. 待审批列表9. 测试 ...
- 小伙伴们知道 TienChin 项目前端用的是 Vue3,当我们把 Vue3 官网刷了一遍之后回来看 TienChin 项目的前端,发现还是有很多不太一样的地方,今天松哥就来和大家捋一捋 Vue3 中几个... 小伙伴们知道 TienChin 项目前端用的是 Vue3,当我们把 Vue3 官网刷了一遍之后回来看 TienChin 项目的前端,发现还是有很多不太一样的地方,今天松哥就来和大家捋一捋 Vue3 中几个...
- 文章目录 Vue入门程序Vue常用指令v-text 指令v-html 指令v-on 指令v-show指令v-if 指令v-bind 指令v-for指令v-mode 指令 axios钩子函数 ... 文章目录 Vue入门程序Vue常用指令v-text 指令v-html 指令v-on 指令v-show指令v-if 指令v-bind 指令v-for指令v-mode 指令 axios钩子函数 ...
- 小伙伴们知道松哥最近在录 TienChin 项目视频,这个项目会用到工作流,为了帮助小伙伴们更好的理解这个项目,松哥最近会出几篇文章和大伙聊一聊工作流 flowable 的使用,算是给 TienChin ... 小伙伴们知道松哥最近在录 TienChin 项目视频,这个项目会用到工作流,为了帮助小伙伴们更好的理解这个项目,松哥最近会出几篇文章和大伙聊一聊工作流 flowable 的使用,算是给 TienChin ...
- 文章目录 方法一(node.js作为服务器)方法二(tomcat) vue-cli构建vue3项目,将项目上传到Linux服务器,服务器安装node,并启动vue项目 方法一(n... 文章目录 方法一(node.js作为服务器)方法二(tomcat) vue-cli构建vue3项目,将项目上传到Linux服务器,服务器安装node,并启动vue项目 方法一(n...
- 文档: 深入响应式原理 文档原文说 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的 不过发现一个奇怪的现象,userInfo.age 并没有在data ... 文档: 深入响应式原理 文档原文说 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的 不过发现一个奇怪的现象,userInfo.age 并没有在data ...
- 文章目录 文章目录 文章目录一、Vue快速入门二、常用指令1.v-if 和 v-model2.v-bind3.v-on4.v-for 三、生命周期1.mounted 一... 文章目录 文章目录 文章目录一、Vue快速入门二、常用指令1.v-if 和 v-model2.v-bind3.v-on4.v-for 三、生命周期1.mounted 一...
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家;李炎-华为云码道产品专家;彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战,从0到1打通消息通道;码道鸿蒙端云一体化实战,快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第五期2026/09/04 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人;蒋春阳-华为云AI开发者案例开发专家
本期直播内容: AI工具体验营 · 第5-8课连讲。Agent-Team 多智能体协作完成毕业设计实践
回顾中 -
华为云开发者AI素养ClassRoom·第六期2026/09/08 周二 19:00-20:00
樊渊-2026华为软件挑战赛冠军
高手来了:看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签