2018-09-24路由及路由嵌套

1.简单实例

vue的核心插件,可创建单页面应用又叫SPA(SIWGLE PAGE APPLICATIDN)应用
Vue.js + vue-router 可以很简单的实现单页应用。
是一个组件,该组件用于设置一个导航链接,切换不同 HTML 内容。 to 属性为目标地址, 即要显示的内容。
以下实例中我们将 vue-router 加进来,然后配置组件和路由映射,再告诉 vue-router 在哪里渲染它们。代码如下所示:
引入vue-router.js是要在vue.js下方引入(顺序不能更改,否则会失效没有用)

 
首页 用户页
2路由的嵌套
首页 主页

注意:routes:routers中间是冒号

不常用的五个标签

v-html 可以识别标签
v-text 不识别标签按文本输入
v-once 只绑定第一次
v-pre 原样输出不对数据进行解译
v-clock 数据没有完全加载之前 加载完v-clock就消失了

{{msg}}

{{msg}}

{{msg}}

{{msg}}
{{msg}}

你可能感兴趣的:(2018-09-24路由及路由嵌套)