这里使用cli脚手架构建工具构建的项目,打开项目直接修改一下APP.vue,在新建一个目录和文件放组建的内容就可以完成组建的注册代码:
APP . VUEDE 代码
<template> <div id="app"> <myheader></myheader> <div class="tab">我是商品</div> <div class="footer">我是商家</div> </div> </template> <script> import header from './components/header/header.vue' export default { name: 'app', components:{ myheader: header } } </script> <style> </style>
组建的代码
<template> <div>我是组件头部</div> </template> <script> export default{ } </script> <style> </style>
需要注意的是注意下路径