摘要:
1. 错误原因: 修正页面显示: 原理解释: 在.vue文件中下面两种写法, 作用都是跳转到新的导航页,但是一种起效一种写法不起效,请问是什么原因???location.href = `${list.href}?index=${index}`location.href = '${list.href} 阅读全文
摘要:
效果展示: 应写成下图这种形式: :id为占位 现在是通过什么路径向路由组件传递数据的? 通过请求参数${message.id}传递的 请求参数有两种: 1).Param 2).Query (?后面,类似于get) vue param和query两种传参方式 1、传参方式 query传参方式 thi 阅读全文
摘要:
现在About切换后效果: 值不在了,说明About是个新的,要想值存在,About必须是个老的,旧的,被切换时死亡,在切换时重新创建; 要想不死亡,需要将它缓存起来,怎样缓存呢? <keep-alive> <router-view></router-view> </keep-alive> 缓存路由 阅读全文
摘要:
嵌套路由:路由组件中又有路由链接 注意:需要根据效果去设计数据结构;(非常重要!!!!!!) 从图中判断红框为数组,数组里面的元素类型?观察一行有几个数据;图中为1个数据,为文本 数组内每一行既有文本又有链接,故为对象; 页面最终展示数据,message没有显示 原因排查: 1.F12看是否报错 没 阅读全文
摘要:
如何判断一个对象是数组还是对象 一、typeof判断数据类型(判断数组跟对象都返回object) console.log(typeof null); // "object" console.log(typeof function () { return 1; }); // "function" co 阅读全文
摘要:
左侧两个基本路由连接,右侧是路由组件显示部分;头部是固定的 注意: 现在流行SPA应用(单页应用:就有一个真实页面); 关键是承载的功能页面有很多,但是涉及到页面本身有很多变化,但是不能跳转; 这就引出路由连接,点击路有链接,不会向后台发送请求(如果发送请求,页面就跳转了); 只是更新显示不同的路由 阅读全文
摘要:
“:” 是指令 “v-bind”的缩写,“@”是指令“v-on”的缩写;“.”是修饰符。详细如下 v-bind 指令可以用于响应式地更新 HTML 特性: <div id="app-2"> <span v-bind:title="message"> 鼠标悬停几秒钟查看此处动态绑定的提示信息! </s 阅读全文
摘要:
说明: 1) 官方提供的用来实现 SPA 的 vue 插件 2) github: https://github.com/vuejs/vue-router 3) 中文文档: http://router.vuejs.org/zh-cn/ 4) 下载: npm install vue-router --s 阅读全文
摘要:
Vue Router 路由实现原理 一、概念 通过改变 URL,在不重新请求页面的情况下,更新页面视图。 二、实现方式 更新视图但不重新请求页面,是前端路由原理的核心之一,目前在浏览器环境中这一功能的实现主要有2种方式: 1.Hash 利用 URL 中的hash("#"); 2.利用 History 阅读全文
摘要:
1. 常用 1) Mint UI: a. 主页: http://mint-ui.github.io/#!/zh-cn(注意:地址失效,可以百度mint-ui文档) b. 说明: 饿了么开源的基于 vue 的移动端 UI 组件库 2) Elment a. 主页: http://element-cn.e 阅读全文