vue2自定义组件

第一个vue组件

在工程目录/src下创建component文件夹,并在component文件夹下创建一个firstComponent.vue。
vue2自定义组件_第1张图片
在App.vue中使用插件 ( 因为在 index.html 里面定义了div id=”app”所以就以这个组件作为主入口)

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

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

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

vue2自定义组件_第2张图片

第三步,使用 在内加上

vue2自定义组件_第3张图片

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

vue2自定义组件_第4张图片

你可能感兴趣的:(vue)