vueRouter是前端路由,当路径切换的时候在浏览器端判断当前路径,并加载当前路径对应的组件,它有两种模式:一种是Hash模式,一种是History模式 Hash模式:是以url中#后面的内容作为路由地址,可以直接通过location.url来切换浏览器的地址,如果只改变了#后面的内容,浏览器不会 ...
转载 2021-10-27 10:42:00
156阅读
2评论
为了简单明了地理解什么是页面应用,我们先对比一下传统的网页应用。如图一所示在传统的web应用中:客户端向服务器发送http请求服务器获取请求并作出响应。这个过程具体是先由控制器(control)做出路由的分发,匹配到相应的数据服务(model)然后结合这个数据服务生成一个template即HTML文档,这个template就是control的执行结果服务器会将这个HTML文档(视图)返回给客户端
转载 2017-07-28 14:43:00
71阅读
【代码】vue vuerouter错误404pageNotFound。
原创 2023-09-04 17:32:31
449阅读
vue-router实现原理SPA(single page application):单一面应用程序,只有一个完整的页面;它在加载页面时,不会加载整个页面,而是只更新某个指定的容器中内容。页面应用(SPA)的核心之一是:更新视图而不重新请求页面;vue-router在实现页面前端路由时,提供了两种方式:Hash模式和History模式。1、hash模式随着 ajax 的流行,异步数据请求交互
转载 2024-01-17 06:06:10
135阅读
放两张效果图在这里点击政治现实政治的页面,历史同理,而且域名路径发生了变化,但是
原创 2022-07-06 16:28:50
112阅读
路由的登录导航守卫设置 router.beforeEach((to, from, next) => { if (to.matched.some(m => m.meta.auth)) { // 对路由进行验证 if (store.state.userInfo.isLogin '100') { // ...
转载 2021-08-03 17:34:00
330阅读
2评论
VueRouter特点:通过路由和组件实现一个页面的应用。路由的注册:静态路由Title首页课程首页组件'             }         },         {             path:"/course",             component:{                 template:'课程组件'             }         }   
转载 2021-05-10 18:14:44
108阅读
2评论
前置条件 用vue cli创建Vue项目并安装ElementUI插件
原创 2022-05-02 17:08:13
403阅读
本周马克笔设计留学的安老师还是继续和大家分享关于Ai中使用的小技巧,这次要和大家说的是如何在使用Ai排版时创建网格系统。一般情况下,我们在排版时都要为每个页面增加边距和网格系统,而一般情况下,有些同学采用拉辅助线的方法,还有些同学会采用手动方法一条条去画线建立网格。这次安老师将和大家分享一个更加方便快捷的方法,让你在Ai中也可以拥有和Indesign中一样的网格系统。这里我以A4横版为例
一、View.js 官网:http://view-js.com/ 二、Vue.js 官网:https://cn.vuejs.org/
原创 2022-05-25 09:47:59
287阅读
最近公司技术 Leader 说要以后要使用 VUE 来构建应用,让我先研究下怎么搞。既然接到了任务那就撸起袖子开干吧,由于之前有过使用 VUE 做页面数据绑定,对 VUE 这东西还是很有好感的。于是乎 google 了一堆先行者的文章,看了一圈下来有了一个基本的概念。在我看来,应用就是把网页做的跟原生 APP 差不多的形式,没有传统网页那样的有明显的页面跳转,页面切换比较流畅顺滑,用户体验
转载 2023-09-04 15:29:57
64阅读
1,App.vue<template> <div id="app"> <h1>用router-link实现跳转</h1> <router-link to="/">跳转到Page01</router-link> <router-link to="/" replace>替换到Page01</r
原创 2022-03-29 16:42:35
72阅读
    1,App.vue <template> <div id="app"> <h1>用router-link实现跳转</h1> <router-link to="/">跳转到Page01</router-link> <router-link to="/" replace>替换到Pa
原创 2021-06-29 16:05:51
134阅读
 这篇随笔主要目的有二:第一:帮助web前端初学者入门(编写一个简单的网页)第二:解除web前端工程师对htm的误解。较为深入的解析htmlhtml简介主要从四个方面进行阐述:1、网页的组成部分1.1、结构层(HTML/HTML5)网页的骨架。我们浏览一个网页能够看到的内容(文字、图片、视频等)都是以html为载体展示出来的。1.2、样式层(CSS/CSS3)网页的外衣。起到修饰的作用,
转载 2024-08-22 11:42:09
141阅读
1.Vue.js是什么?与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层Vue 完全有能力驱动采用文件组件和生态系统支持的库开发的复杂应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。3.应用程序(SPA)应用一般指的就是一个页面就是应用,当然也可以是一个子应用,比如说知乎的一个页面就可以视为一个子应用
转载 2023-11-28 07:32:03
125阅读
原创 2022-07-31 00:07:16
80阅读
写在前面:通常 SPA 中前端路由有2种实现方式:window.historylocation.hash下面就来介绍下这两种方式具体怎么实现的一.history1.history基本介绍w
转载 2021-06-30 16:11:56
714阅读
写在前
转载 2022-03-29 15:54:33
330阅读
vue
原创 2023-02-12 01:27:41
50阅读
前言 vueRouter是前端路由,在无需刷新页面的情况下更新视图。 vueRouter有两种模式:一种是Hash模式,一种是History模式。 分别就是在HTML5History,HashHistory两个类中实现的。一、vue-router组成vue-router组件有三个部分 1.link:即v-link 2.view:元素指令,即 3.router:核心部分二、vue-router简单的
转载 2024-08-27 20:04:00
174阅读
  • 1
  • 2
  • 3
  • 4
  • 5