Vue3前端框架组件的使用细节详解

北京治疗白癜风哪个医院安全 https://wapyyk.39.net/hospital/89ac7_labs.html
一、定义组件1.1、说明

要定义两个组件,一个是Home.vue组件,一个是About.vue组件。

组件在被定义好之后,彼此之间是相互独立的,彼此之间没有任何关系。

在使用组件的时候,根据彼此的嵌套关系,形成了父子关系、兄弟关系。

1.2、定义两个组件

步骤一:定义Home组件

步骤二:定义About组件

1.、注册组件及使用组件

在App.vue组件中去注册Home.vue组件和About.vue组件,并使用。

    App.vue文件代码如下:

之前在学习webpack的时候,我们在引入组件的时候使用到了

,表示的是项目的src目录,这样的话,再去引入组件的时候,就可以使用绝对路径的形式去引入了,就不需要使用相对路径了,所以对App.vue组件中引入的两个组件,可以改造成上述的引入方式。

并且通过


转载请注明:http://www.aierlanlan.com/cyrz/5752.html