学习目录：Vue.js 简介Vue.js 实例与数据绑定Vue.js 计算属性和侦听器Vue.js 条件渲染和列表渲染Vue.js 事件处理Vue.js 表单输入绑定Vue.js 组件基础Vue.js 组件通信Vue.js 插槽Vue.js 动态组件和异步组件Vue.js 自定义指令Vue.js 过渡和动画Vue.js 混入Vue.js 自定义事件和 v-modelVue.js 渲染函数和 JSX
原创
2023-07-06 16:50:50
157阅读
VueRouter的使用
什么是VueRouterVue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。如何使用？使用VueRouter至少需要引入vue-router和Vue。import Vue from "vue";
import VueRouter from "vue-rout
转载
2023-07-14 10:20:02
232阅读
官方文档：https://router.vuejs.org/zh/installation.html
原创
2023-05-16 00:09:28
325阅读
自定义的私有组件，不能访问vm实例中的数据 1、父组件向子组件
传值在使用私有组件的时候，通过属性绑定的形式，把需要传递给子组件的数据，以属性绑定的形式传递到私有组件中<div id="app">
<!-- 1、在使用组件的时候，使用绑定命令，将所需要的VM实例数据绑定到私有组件中 -->
<com1 v-bind:parent
转载
2023-07-22 23:25:17
103阅读
vue.js 上传formData数据到后台(其他js类似) 调用方式还是通过post方式请求类型要设置一下config.headers["content-type"] = "multipart/form-data"; 然后上传的时候分2种情况1、后台可以直接解析formData格式的，直接创建一个FormData对象提交到后台let forms = new FormData(
转载
2022-12-08 10:15:00
257阅读
http://www.cnblogs.com/Leo_wl/p/5702350.html
原创
2021-08-04 13:52:12
289阅读
##一、动态传值 import Home from './components/Home.vue'; // 1. 配置路由 nst routes = [ { path: '/home/:id', component: Home }, ] //2. 页面配置跳转 <router-link :to="' ...
转载
2021-07-12 16:49:00
385阅读
2评论
# Vue.js中新增路由的实现步骤
首先，我们需要了解Vue.js和Vue Router的基本概念。Vue.js是一套用于构建用户界面的渐进式JavaScript框架，而Vue Router是Vue.js官方提供的路由管理器。Vue Router可以帮助我们实现单页面应用（SPA）中的路由功能。
接下来，我们将一步步教你如何在Vue.js中新增路由。下面是整个实现过程的步骤汇总：
步骤 |
原创
2023-07-20 21:50:15
43阅读
# Vue.js Router 覆盖当前页面
## 1. 介绍
Vue.js 是一个渐进式 JavaScript 框架，用于构建用户界面。它的一个重要的特性是 Vue Router，用于管理应用程序的路由。
路由是指根据 URL 的不同路径，通过加载不同的组件来展示不同的内容。在很多应用程序中，我们希望能够在当前页面覆盖一个新的页面，而不是通过跳转到另一个页面来实现。
本文将介绍如何使用
原创
2023-09-08 09:42:36
1056阅读
刚好看见以前自己还没用vue的传参和接受参数的博客，想起现在自己用vue用的最多，那就记录一下vue的传参和接受参数的方式；vue跳转路由用this.$router.push()方法，这个方法可以接受对象或者字符串两种参数： 我先说当是Object的时候,常用的有{path: ‘’,query:{},name:'',params:{}} path
转载
2023-06-06 00:26:27
141阅读
vuerouterchild循环按钮传值step1:F:\gftproject\vuetify\router\twelve\myapp\src\router\index.jsjs{path:'/manparty',name:'ManParty',component:ManParty,children:{path:'style',component:partyStyle},{path:'edu',c
原创
2021-10-19 11:12:10
174阅读
vue router child 循环按钮传值step1: F:\gftproject\vuetify\router\twelve\my-app\src\router\index.js{ path: '/manparty', name: 'ManParty', component: ManParty, children: [ { path: 'style', component: partyStyle }, { path: '
原创
2021-10-22 17:04:59
121阅读
父子组件传值原理图 一般页面的视图App.vue应为这样 一.父组件向子组件
原创
2022-08-04 22:26:52
516阅读
前后端分离开发方式前端拥有更高的控制权随着前端框架技术的飞速发展，Router这个概念也被迅速普及到前端项目中，在早期前后的没有分离的时期下，并没有明确的路由概念，前端页面跳转大多是通过后端进行请求转发的，比如在Spring MVC项目中，进行一个页面跳转如下（画红线部分）： 前端需要一个超链接，链接的href=/manager，这样这个超链接被转发到scs/waitFollowed路径指定的页面
原创
2021-01-13 09:59:41
270阅读
其实输入完3个字符后，执行1次就可以了，但我们无法得知什么时候输入结束，所以才用延迟执行，比如输入了第1个字符，则延迟300毫秒后执行，如果300毫秒内，输入了第2个字符，则取消第一个字符的查询，第2个字符延迟300毫秒执行，如果300毫
原创
2023-06-28 14:21:25
557阅读
动态路由：我们经常需要把某种模式匹配道德所有路由，全都映射到同一个组件。例如我们有一个user组件，对于所有id不同的用户又要使用这个组件来渲染。一个路径参数使用冒号标记动态路由使用方法：```jsconst router =new VueRouter({
routes:[
{path:'/user/:id/:name/:age',component:user}
]
})```创建vue：
转载
2023-06-16 15:34:08
120阅读
一、什么是路由 URL -> 映射 -> 组件 Hash+onhashchange History.pushstate+replaceState+onpopstate 二、准备工作 组件 router-link: 导航，最终默认情况生成a标签 router-view:组件容器，占位符(插座), 相当 ...
转载
2021-08-31 14:16:00
167阅读
2评论
设置到的知识点，scoped、deep在vue中由于存在很多style，可能污染全局样式。所以大家在使用时一般会在style标签上加了scoped属性。这个属性是为了我们组件私有化，让当前组件的样式不影响到其他组件，如果你的style标签加了scoped这个属性，那么当你直接在这里面修改样式是不会成功的，因为Element-UI的样式是定义在全局中，使用scoped时，局部样式会被全局样式覆盖。s
转载
2023-06-12 20:57:06
0阅读
一、Vue.js是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。二、如
前面是router的一级和二级路由,下面是路由里稍微复杂一点的东西:路由的动态,传参,接参。这些个我们通过寺库网的分类页和分类页中每个类的详情的数据来做寺库网:https://m.secoo.com按照前面的,先配置好前面一篇的一级路由,但是稍微名字有些更改如下:动态路由、路由传参:1.先配置跨域方法:反向代理在根目录建立vue.config.js文件,...
原创
2022-05-10 15:16:36
440阅读
