1.在components下创建一个文件,这个文件中写自己想写的组件。
2.组件写完后要进行引入和全局注册方法
main中
import Message from './components/Message.vue'
Vue.component('Message', Message) //参数1为组件名,参数2为使用的组件
3.main引入后就可以在文件中使用了
<template>
<div class="h-main home">
<Message></Message>
</div>
</template>
4.组件肯定有自己的属性,要如何设置属性呢.... ⬇
Ⅰ,在我们子组件data中定义属性名,在父组件使用的时候传值这里接收
props: [
'place'
],
Ⅱ,父组件使用
<template>
<div class="h-main home">
<Message place="left"></Message>
</div>
</template>
这样就完成啦