vue2自定义组件

来源:互联网 发布:靠谱的美国代购淘宝店 编辑:程序博客网 时间:2024/06/13 12:46

第一个vue组件

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

这里写图片描述

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

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

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

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

这里写图片描述

第三步,使用 在内加上

这里写图片描述

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

这里写图片描述

0 0