要定义两个组件,一个是Home.vue组件,一个是About.vue组件。
组件在被定义好之后,彼此之间是相互独立的,彼此之间没有任何关系。
在使用组件的时候,根据彼此的嵌套关系,形成了父子关系、兄弟关系。
1.2、定义两个组件步骤一:定义Home组件
步骤二:定义About组件
1.、注册组件及使用组件在App.vue组件中去注册Home.vue组件和About.vue组件,并使用。
App.vue文件代码如下:
之前在学习webpack的时候,我们在引入组件的时候使用到了
,表示的是项目的src目录,这样的话,再去引入组件的时候,就可以使用绝对路径的形式去引入了,就不需要使用相对路径了,所以对App.vue组件中引入的两个组件,可以改造成上述的引入方式。并且通过