点击联系发帖人
借我杀死庸碌的情怀借我纵容嘚悲怆与哭喊
- 谢知非
看上去貌似就是定义了组件的包含关系呢。这样的话不是很简单写一个組件测试下：
<!-- 这里加上对应的标签 注意名字不能和html原有的标签重复 -->红色的字就是我们的Test.vue组件的内容了。
需要在页面显示一个组件像上面那样添加上去就好了，那想切换组件的显示呢当然是用路由了。vue提供了一个vue-router的插件用来实现路由之间的转换。关于这个插件的文档在這里：
首先先增加我们的路由插件。在根目录下安装：
安装成功会看到如下信息：
然后在入口文件main.js中引用:
// 1. 定义（路由）组件 // 每个路由應该映射一个组件。 其中"component" 可以是 // 或者只是一个组件配置对象。 // 我们晚点再讨论嵌套路由 // 你还可以传别的配置参数, 不过先这么简单着吧。 // 4. 创建和挂载根实例 // 记得要通过 router 配置参数注入路由， // 从而让整个应用都有路由功能 // 现在应用已经启动了！ /* 创建一个组件 并指定组件的template屬性，类似穿件一个 const为ES6语法标识声明一个不可改变的变量 */ path: '*', // ‘*’代表在上面的路由中查找不到就默认显示‘*’路由的内容，必须放在最后不然在‘*’之后的路由都不起作用 /*push方法会向 history 栈添加一个新的记录，所以当用户点击浏览器后退按钮时，则回到之前的 URL*/完成以上步骤の后，在cmd输入：
打开浏览器就可以看到如下效果了：
很完美路由功能撸好了。还有嵌套路由又该怎么做呢官网上有很详细的例子，对著官网撸绝对能搞得很完美。
