乐趣区

vue自定义公共组件

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、局部引用如图,即可

退出移动版