2018-09-24
说到Vue.js常用插件，今天我们就一起来学习他的核心插件路由（vue-router）。
①Vue.js 路由允许我们通过不同的 URL 访问不同的内容。
②通过 Vue.js 可以实现多视图的单页Web应用（single page web application，SPA）；(通俗来说就是：创建单页面SPA)。
firstly：安装
①直接下载/CDN：https://unpkg.com/vue-router/dist/vue-router.js。
②NPM：打开Git Bash Here,输入指令npm install vue-router.。
secondly:
Document
首页
用户页
之后，我们一起来看一下其中的细节：
Document
首页
用户页
效果图：
路由.png
接下来的就是路由的嵌套:
Document
首页
用户页
效果图：
路由02.png
路由03.png
路由04.png
QAQ:
①v-html
v-html='',可以解析标签
更新元素的innerHTML 。注意：内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译 。如果试图使用 v-html 组合模板，可以重新考虑是否通过使用组件来替代。
②v-text
v-text='',可以输出，但不可以解析标签
更新元素的textContent。如果要更新部分的 textContent ，需要使用{{ Mustache }}插值。
{{msg}}
③v-once
只绑定一次(直接写,不需要表达式)==>
只渲染元素和组件一次。随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。
④v-pre
原样输出(直接写,不需要表达式)
跳过这个元素和它的子元素的编译过程。可以用来显示原始 Mustache 标签。跳过大量没有指令的节点会加快编译。
⑤v-cloak
用属性选择器：
css:[v-cloak]{
display:none;
}
html:
{{ message }}
QAQ:
var，let，const的异同==>
1.var定义的变量，没有块的概念，可以跨块访问, 不能跨函数访问。
2.let定义的变量，只能在块作用域里访问，不能跨块访问，也不能跨函数访问。
3.const用来定义常量，使用时必须初始化(即必须赋值)，只能在块作用域里访问，而且不能修改。
路由今天就学到这里，我们下期再见QAQ~
·