vue自定义公共组件

共计 319 个字符，预计需要花费 1 分钟才能阅读完成。

Vue 环境安装完成后，开始自定义公用组件 1、全局组件在 src/components 目录新建 common 目录，创建 header.vue，写入代码：

<template>
<div>
<h1>header in here</h1>
</div>
</template>
<script>
export default{}
</script>

在 src 目录下的 main.js, 加入代码：

import headerTop from “./components/common/header” // 引入组件
Vue.component(“head-view”,headerTop);

在要用的页面加入标签 <head-view></head-view> 就会出现内容了

2、局部引用如图，即可