vue自定义组件多个html标签,Vue自定义组件及Vue Router

简介

组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树

例如，你可能会有页头、侧边栏、内容区等组件，每个组件又包含了其它的像导航链接、博文之类的组件。

两种组件的类型

为了能在模板中使用，这些组件必须先注册以便 Vue 能够识别。组件的注册类型有：全局注册和局部注册。至此，我们的组件都只是通过 Vue.component 全局注册的：

全局注册的组件可以用在其被注册之后的任何 (通过 new Vue) 新创建的 Vue 根实例，也包括其组件树中的所有子组件的模板中。

局部注册

如果不需要全局注册，或者是让组件使用在其它组件内，可以用选项对象的 components 属性实现局部注册, 我就不做详细的介绍了。

Vue Router

vue-router这里的路由是什么？为什么我们不能像原来一样直接用标签编写链接哪？vue-router如何使用？常见路由操作有哪些？

一、vue-router是什么

路由就是SPA(单页应用)的路径管理器。再通俗的说vue-router就是WebApp的链接路径管理系统。vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合