vue2自定义组件

时间:2022-12-20 09:57:43

第一个vue组件

在工程目录/src下创建component文件夹,并在component文件夹下创建一个firstComponent.vue并写仿照App.vue的格式和前面学到的只是写一个组件。

vue2自定义组件

在App.vue中使用插件 ( 因为在 index.html 里面定义了所以就以这个组件作为主入口,方便 )

第一步,引入 在便签内的第一行写

import firstComponent from './component/firstComponent.vue'

第二步,注册 在标签内的data代码块后面加上component:{firstComponent}

vue2自定义组件

第三步,使用 在内加上

vue2自定义组件

第四步,在浏览器中打开localhost:8080

vue2自定义组件