学习Vue(4)

最新推荐文章于 2024-07-17 11:17:09 发布
最新推荐文章于 2024-07-17 11:17:09 发布
阅读量254 收藏
点赞数
文章标签： vue.js 学习 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_53313913/article/details/131029067
版权

文章目录

路由

实现的是SPA应用，单页面应用
vue-router4用于vue3
vue-router3用于vue2

简介

在这里插入图片描述

基本使用

main.js
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

模式设置

在这里插入图片描述

注意点

在这里插入图片描述

组件

一般组件

自己写上去的组件

路由组件

使用router跳转展示的组件

多级路由

注意children里不加斜杠
在这里插入图片描述

总结

在这里插入图片描述

路由传参

？后面才是参数
在这里插入图片描述
这样来的
在这里插入图片描述

在这里插入图片描述

参数传参

在这里插入图片描述

query

在这里插入图片描述

总结

在这里插入图片描述

params参数

在这里插入图片描述
在这里插入图片描述
这里只能用name,用path就要报错。
在这里插入图片描述

总结

在这里插入图片描述
在这里插入图片描述

命名路由

在这里插入图片描述

在这里插入图片描述

总结

在这里插入图片描述
在这里插入图片描述

props

对象写法

用得不多，si数据

在这里插入图片描述
在这里插入图片描述

设为true

在这里插入图片描述

props为函数

在这里插入图片描述
解构赋值

在这里插入图片描述
连续解构赋值
在这里插入图片描述

按钮实现跳转和前进后退

调用this.router上的方法

在这里插入图片描述

独有的生命钩子

activated()

组件被激活，时调用

deactivated()

组件失活了时被调用

路由守卫

前置路由守卫

在这里插入图片描述

后置路由守卫

可以设置title
在这里插入图片描述

独享路由守卫

只有前置
在这里插入图片描述

通过路由规则

用得不多

在这里插入图片描述
在这里插入图片描述

两种mode

在这里插入图片描述

~insn~
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue学习心得
weixin_49331914的博客
07-08 4320
Vue:一款渐进式JavaScript框架，所谓渐进式就是逐步实现新特性的意思，如实现模块化开发、路由、状态管理等新特性。其特点是综合了Angular (模块化)和React (虚拟DOM)的优点; mvvm ●Model:模型层，在这里表示JavaScript对象 ●View:视图层,在这里表示DOM (HTML操作的元素) ●ViewModel:连接视图和数据的中间件，Vue.js就是MVVM中的ViewModel层的实现者 在MVVM架构中，是不允许数据和视图直接通信的，只能通过ViewModel来通
Vue学习笔记（尚硅谷天禹老师）
热门推荐
qq_55593227的博客
08-15 31万+
Vue学习笔记（尚硅谷天禹老师讲解） 1. Vue核心 1.1. Vue简介 1.1.1. 官网 英文官网 中文官网 1.1.2. 介绍与描述 动态构建用户界面的渐进式JavaScript框架 作者：尤雨溪 1.1.3. Vue的特点 遵循MVVM模式 编码简洁，体积小，运行效率高，适合移动/PC端开发 它本身只关注UI，可以引入其它第三方库开发项目 1.1.4.与其他JS框架的关联 借鉴 Angular 的模板和数据绑定技术 借鉴 React 的组件化和虚拟DOM
学习Vue3 第一章
qq1195566313的博客
02-02 6万+
1.介绍vue Vue (读音 /vjuː/，类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 官方文档地址 介绍 — Vue.js 2.回顾vue2 对比 vue3 我们看如下图 发现传统的vue2 逻辑比较分散 可读性差 可维护性差 对比vue...
vue 学习
freeking101的博客
07-17 8282
​Vue (读音 /vjuː/，类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。................................................
20 VUE学习：插件
百锦再的博客
05-29 8万+
插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。/* 可选的选项 */})一个插件可以是一个拥有install()方法的对象，也可以直接是一个安装函数本身。安装函数会接收到安装它的[应用实例]和传递给app.use()// 配置此应用通过 []和 []注册一到多个全局组件或自定义指令。通过 []使一个资源[可被注入]进整个应用。向 []中添加一些全局实例属性或方法一个可能上述三种都包含了的功能库 (例如 [vue-router])。
Vue学习心得与总结
2201_75464762的博客
12-28 2300
大二开课，跟老师学+自学，一开始看老师分享的培训课程深入学习，虽然知道学习内容且有计划，但总是学着学着就学不下去（课程冗长没有成就感，知识理论不太好接受，学的蛮难过的），最后，三天打鱼两天晒网。我认识到Vue不仅仅是一种框架，更是一种优秀的工具和理念，在我未来的开发中，我会继续深入学习和实践Vue.js，不断提升自己的能力。通过实际的开发经验，我学会了如何将Vue.js应用于真实的项目中，如何与后端API进行交互，获取和更新数据，以及如何处理用户输入和交互反馈，这些都是学习课程中不能替代的经验。
19 VUE学习：自定义指令
百锦再的博客
05-28 8万+
除了 Vue 内置的一系列指令 (比如v-model或v-show) 之外，Vue 还允许你注册自定义的指令 (Custom Directives)。我们已经介绍了两种在 Vue 中重用代码的方式：[组件]和。组件是主要的构建模块，而组合式函数则侧重于有状态的逻辑。另一方面，自定义指令主要是为了重用涉及普通元素的底层 DOM 访问的逻辑。一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。钩子函数会接收到指令所绑定元素作为其参数。
学习Vue你需要知道的前置知识
weixin_45445088的博客
07-25 6345
在国内Vue盛行的今天,很多想转行入门前端的同学，以为掌握Vue开发，便能走上人生巅峰，在前端界有容身之所？所以不打基础直接上手Vue?遇到问题上交流群截图，当伸手党？ 作为前端开发的一份子，直接学Vue等于入门前端？告诉你，事实是不存在的。 掌握Vue是帮助前端开发人员敏捷开发的一种技能，Vue框架是一种高效解决通用业务场景的方案，在前端开发的发展长河中，他是目前受欢迎的，主流的方案之一。很多...
学习vue的推荐书籍
weixin_42602368的博客
02-14 1723
我推荐以下几本学习 Vue 的书籍: 《Vue.js 实战》：由 Evan You，Vue.js 的作者亲自撰写，是一本权威的 Vue.js 教程，适合初学者和进阶者。 《Vue.js 入门教程》：由 w3cschool 编写，是一本免费的在线教程，适合初学者。 《Vue.js 权威指南》：由华章出版社出版，是一本详尽的 Vue.js 指南，适合进阶者。 《Vue.js 实战计划》：由作者...
为什么要学习vue?
weixin_56044831的博客
06-12 2484
前言： 在学习任何技术之前，我们要弄清出三个问题？ 《1》学习它带来的实际利益和优势是什么？ 1.1 实际利益 简单来说vue是近几年比较流行的前端框架之一，不少公司已经把它列为一个开发时的技术点了，它给我们带来的最实际的利益是，追赶现阶段使用最多的框架，使我们不被淘汰，这是最基本的利益，其次才是它可以扩宽我们的知识面，每次学习新的技术，都是我们的知识面做了一次扩容。 1.2 技术优势 轻量级框架：只关注视图层，是一个构建数据的视图集合 简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；
学习Vue组件实例
11-29
Vue组件实例的学习是深入了解Vue框架的关键部分。Vue实例是每个Vue应用的核心，它是一个普通的JavaScript对象，但具备了Vue框架的特性和功能。当我们启动一个Vue项目时，通常从加载index.html开始，其中包含一个id为...
Vue3学习ddddddddd
08-18
Vue3学习ddddddddd
学习Vue
02-09
在“学习Vue”的主题下，我们将探讨Vue的核心概念、主要特性以及如何使用它来构建现代Web应用。 首先，Vue的核心概念包括组件化、虚拟DOM、指令系统和响应式数据绑定。组件是Vue中的基本构建块，可以将复杂的UI拆...
vue组件学习教程
01-19
在学习vue时，组件学习比较吃力，尤其是组件间的通信，所以总结一下，官方文档的组件部分。 注册组件 全局组件 语法如下，组件模板需要使用一个根标签包裹起来。data必须是一个方法 Vue.component('component-...
VUE脚手架的学习
06-28
学习Vue CLI，还需要理解其工作流程，包括开发服务器（`vue serve`）、编译构建（`vue build`）、单元测试（`vue test:unit`）和端到端测试（`vue test:e2e`）等。开发服务器提供了热加载功能，使得代码改动实时生效...
element-plus的el-table自定义表头筛选查询
最新发布
i_am_a_div的博客
07-17 322
element-plus的el-table自定义表头筛选查询
docker将Java、vue、nginx打进镜像（涉及容器打成镜像）
qq_37752382的博客
07-15 539
按照上文拉取centos7，然后将需要的东西直接打进脚本，这样最简单，但是在拉取过程中，初始镜像contos7安装nginx需要安装一些工具包，拉取的时候报错了，原因还是在镜像源上，并且还想在上面装一些工具，另外创建容器不应该在里面做很多初始化的东西，每次更新业务包就行，4）准备文件完成后执行下面的就行（如果配置文件不对，比如nginx的配置等先进入镜像手动调整好，没问题了，再删除掉容器和镜像重新制作镜像即可）本文不讲安装docker,安装好安装，镜像源稍微麻烦点。1）生成镜像并创建容器。
vue解决页面放大图片模糊的问题
m0_56104994的博客
07-12 316
解决页面放大，图片模糊的问题
vuejs v-for和v-if同时使用报变量未定义
业余程序猿
07-14 307
vue3中v-if优先级高，v-if使用v-for循环体数据时数据还未加载，就报未定义了。vue2中v-for优先级高，同时使用v-if可以直接使用v-for的循环体数据。无论时vue2还是3，官方都不建议两者一起使用，建议通过template嵌套。vue3和vue2 v-if和v-for同时使用时渲染优先级变了。查了下官方文档才找到问题所在。风格指南 — Vue.js。
vue+vite项目中跨域问题解决与跨域代理的两种方式原理详解
whs15193553607的博客
07-12 1298
（1） target参数：相当于是在代理地址（geoserver或者geoserverApi）前面拼接target代理后地址就是http://localhost:8080/geoserver或（2）changeOrigin参数：开启代理在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题；（3）rewrite参数：路径改写。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值