摘要: 左侧两个基本路由连接,右侧是路由组件显示部分;头部是固定的 注意: 现在流行SPA应用(单页应用:就有一个真实页面); 关键是承载的功能页面有很多,但是涉及到页面本身有很多变化,但是不能跳转; 这就引出路由连接,点击路有链接,不会向后台发送请求(如果发送请求,页面就跳转了); 只是更新显示不同的路由 阅读全文
posted @ 2020-02-07 10:14 Curedfisher 阅读(191) 评论(0) 推荐(0) 编辑
摘要: “:” 是指令 “v-bind”的缩写,“@”是指令“v-on”的缩写;“.”是修饰符。详细如下 v-bind 指令可以用于响应式地更新 HTML 特性: <div id="app-2"> <span v-bind:title="message"> 鼠标悬停几秒钟查看此处动态绑定的提示信息! </s 阅读全文
posted @ 2020-02-07 08:25 Curedfisher 阅读(3258) 评论(0) 推荐(0) 编辑
摘要: 说明: 1) 官方提供的用来实现 SPA 的 vue 插件 2) github: https://github.com/vuejs/vue-router 3) 中文文档: http://router.vuejs.org/zh-cn/ 4) 下载: npm install vue-router --s 阅读全文
posted @ 2020-02-07 08:24 Curedfisher 阅读(167) 评论(0) 推荐(0) 编辑
摘要: Vue Router 路由实现原理 一、概念 通过改变 URL,在不重新请求页面的情况下,更新页面视图。 二、实现方式 更新视图但不重新请求页面,是前端路由原理的核心之一,目前在浏览器环境中这一功能的实现主要有2种方式: 1.Hash 利用 URL 中的hash("#"); 2.利用 History 阅读全文
posted @ 2020-02-07 07:31 Curedfisher 阅读(955) 评论(0) 推荐(0) 编辑