vue-day3

最新推荐文章于 2025-08-05 22:11:48 发布
最新推荐文章于 2025-08-05 22:11:48 发布
阅读量361 收藏 4
点赞数 5
CC 4.0 BY-SA版权
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_54513151/article/details/139428222

文章目录

vue-day3

  • 自定义指令
  • 插槽
  • VueRouter
  • @指代src目录
  • router-link/声明式导航
    • vue-router提供的全局组件， 用于替换a标签
    • 用to代替href
    • 方便实现高亮
  • 跳转传参
    • 动态路由传参
    • 查询参数传参: 更适合于多个参数传递
  • 编程式导航
    • path和name两种跳转方式
  • 多级路由
  • vuex
    • store
    • mutations
    • 辅助函数: mapState, mapMutations, mapActions
    • actions不对state进行直接操作
    • Mutations必须时同步的, 因为要实时监测值的变化
    • getters
    • module
    • 命名空间
    • 模块中的数据默认被挂载到全局, 只有开启namespace才能挂载到模块

项目流程

  • 配置路由
  • 实现功能

知识点

  1. …展开运算符的妙用
  2. 什么是上下文
junssss
关注
vue-mobile-calendar:a vue component of calendar for mobile移动端vue日期选择组件
05-17
vue-mobile-calendar a vue component of calendar for mobile 移动端日期选择器（>=vue2.0） ，或手机扫描下方二维码 ...[ feat ] 新增日期中显示自定义内容v-slot:day，使用方法查看demo-9 [ ] during 模式下，增加
vue项目中引入vue-datepicker插件的详解
10-16
type: 'day', week: ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'], month: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], ...
vue3 vue-ganttastic 使用
qq_26408545的博客
05-14 974
Vue-Ganttastic 是一个基于 Vue3 的开源甘特图组件，适用于项目进度展示和会议室预定等场景。其功能相对简单，不支持复杂的粒度控制。安装时可通过 pnpm install @infectoone/vue-ganttastic 进行，并在 main.js 中配置使用。组件支持自定义时间单位、标签列和条形图样式，结合 Element-Plus 可实现静态甘特图展示。官方提供了详细的样例和使用文档，开发者可根据需求进行配置和扩展。
vue-vben-admin学习day1
W_j_134567的博客
08-02 700
vue-vben-admin中文文档。
【Vue-day2】搭建Vue-cli的Demo
m0_57450589的博客
03-05 380
步骤一： 安装Node.js，下载地址：下载 | Node.js 中文网 下载后可以查看版本号 步骤二：
Vue-Day1
2301_78630849的博客
01-23 1062
</div>-- 引入vue模块 -->// 创建vue的应用实例</script></body>构建用户界面准备数据用插值表达式渲染<body><h1>{</div>-- 引入vue模块 -->// 创建vue的应用实例data(){return{// 定义数据​</script>
VUE-DAY1
weixin_63867965的博客
07-27 260
【代码】VUE-DAY1。
linux、windows 安装 vue-cli
weixin_45782719的博客
02-02 2997
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过@vue/cli实现的交互式的项目脚手架。通过@vue/cli实现的零配置原型开发。一个运行时依赖 (可升级；基于 webpack 构建，并带有合理的默认配置；可以通过项目内的配置文件进行配置；可以通过插件进行扩展。一个丰富的官方插件集合，集成了前端生态中最好的工具。Vue CLI 致力于将 Vue 生态中的工具基础标准化。
vue3 vue-router4安装和基础使用
u014678583的博客
05-20 7820
前提：我的vue3是结合ts的 1、安装 // 用这个命名安装router4版本， // 不要用npm install vue-router，这个是安装router3版本的 npm install vue-router@4 2、在src文件下新建一个router文件夹，然后在这下面新建一个index.ts文件 // createWebHashHistory 是hash模式就是访问链接带有# // createWebHistory 是history模式 import { createRou
vue-echarts配置项详解
浮游的博客
07-28 5175
最近接手了一个vue3项目，echarts用的是"vue-echarts": “^6.0.0”，每次查看文档的时候痛苦不已，找一个配置要花费大量时间，所以这篇文章，主要就是为了记录比较常见的一些配置。在package.json中的dependencies里面加一行"vue-echarts": “^6.0.0”，然后npm install，进行安装，这是最简单的。官方文档（写的不详细，很多都是让跳转到echarts官网，再去查找）主要会写三种图的配置项：圆环图、直线图、柱状图。在main.js中引入。
下载安装vue-devtools
m0_45144737的博客
03-13 549
下载安装vue-devtools
vue-filter-date-format-Vue 2的简单日期时间过滤器。-Vue.js开发
05-27
@ vuejs-community / vue-filter-date-format用于Vue.js的简单日期时间过滤器从npm安装安装$ npm install @ vuejs-community / vue-filter-date @ vuejs-community / vue-...Vue.use（VueFilterDateFormat，{dayOf
vue3+vite+monorepo+qiankun+pnpm+ vue-i18n、lodash、dayjs、windicss
08-05
vue3+vite+monorepo+qiankun+pnpm+ vue-i18n、lodash、dayjs、windicss vue3+vite+monorepo+qiankun+pnpm+ vue-i18n、lodash、dayjs、windicss vue3+vite+monorepo+qiankun+pnpm+ vue-i18n、lodash、dayjs、windicss...
vue2-day3.zip
08-10
在"vue2-day3.zip"这个压缩包中，我们很可能看到的是关于Vue 2.x版本的第三天学习资料，这可能包括教程、代码示例或者项目实践等内容。Vue 2.x是Vue.js的一个重要版本，它引入了许多改进和优化，使得开发更加高效和...
1.6 vue 监听
chxii的专栏
08-02 552
Vue2中watch功能详解：通过watch选项和$watch方法实现数据监听。watch选项支持静态定义监听器，可配置deep（深度监听）和immediate（立即执行）；$watch方法则支持动态添加/移除监听器。监听对象深层属性推荐使用函数方式或配合计算属性。两者各有优势，watch选项适合初始化时静态监听，$watch方法更适合运行时动态管理监听器生命周期。
Vue 3.0 Composition API：重新定义组件逻辑的组织方式
你若盛开，清风自来
08-02 934
Vue 3.0的Composition API为组件开发带来了革新性改变。它通过setup、reactive、ref等核心函数，实现了更灵活的逻辑组织和复用方式，特别适合复杂组件和大型项目开发。与Options API相比，Composition API提供更好的类型支持，更紧密的TypeScript集成，以及更清晰的代码结构。在实际应用中，它能有效提升代码可维护性和可扩展性。最佳实践包括编写结构化代码、优先测试关键功能、采用数据驱动测试等。Composition API的出现使Vue开发更加现代化，为构建
VUE-第二季-02
最新发布
Javaxubo_2022的博客
08-05 522
一个网页通常包括三部分：结构（HTML）、样式（CSS）、交互（JavaScript）传统应用存在的问题：①　关系纵横交织，复杂，牵一发动全身，不利于维护。②　代码虽然复用，但复用率不高。① 组件：实现应用中局部功能的代码和资源的集合。凡是采用组件方式开发的应用都可以称为组件化应用。② 模块：一个大的js文件按照模块化拆分规则进行拆分，生成多个js文件，每一个js文件叫做模块。凡是采用模块方式开发的应用都可以称为模块化应用。
告别虚拟 DOM？Vue3.6 Vapor 模式的性能革命与实践
xbczrz的博客
08-03 1002
简单来说，它是内存中存在的 DOM 描述对象，当数据变化时，框架会先对比新旧虚拟 DOM 的差异（这个过程称为 “diff”），再把差异部分更新到真实 DOM 上。而 Vapor 模式下，数据变化只会直接触发对应 DOM 节点的更新，完全跳过虚拟 DOM 的 diff 过程。作为 Vue 团队耗时两年研发的渲染引擎革新，Vapor 模式彻底改变了传统 Vue 的渲染逻辑，在保持开发体验的同时，将性能推向了新高度。Vapor 模式与 Vue 的响应式系统深度融合，实现了 “哪里变化更哪里” 的精准更新：​。
Vue2的进阶Vue3
2301_81525305的博客
08-02 820
Vue3基础
移动端Vue日期选择组件：vue-mobile-calendar介绍及使用
在更新日志部分，列出了版本3.2.1在2019年8月17日新增的一个特性，即在日期显示中可以使用v-slot:day这个插槽（slot）来自定义内容，同时提到了查看demo-9来了解具体使用方法。v-slot是Vue 2.6及以上版本中新增的一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值