组件,可以看成是一个可以拿来调用的模块。
什么是组件?每一个.vue文件就是一个组件,做项目的时候可以把它们放到src文件夹下的components文件夹下,举例在App.vue中使用:
引用方法:
import Home from "./components/Home.vue"
挂载注册方法:
data:{},components:{'v-home':Home}
在template模板中使用:
<v-home></v-home>
在子组件中定义的标签样式一般会影响全局组件,为了防止这种情况发生:
①给子组件加id,在子组件中改变样式
②在子组件的style中,添加scoped,意味着局部作用域
原则:
组件在模板中使用的时候不能和h5标签重复
每一个组件必须包含一个跟标签,建议div,id命名