在vue中一个网页可以跟搭积木一样,由各个不同的组件搭建起来,同一个组件他可以被不同的组件使用引入;
组件的使用主要有三个步骤:
1.定义组件,在src文件夹下创建一个新文件夹如:components,然后在该文件夹下,创建vue 组件;
2.引入组件,在其他组件的<script>里面引入该组件
3.挂载组件
4.使用组件,在使用到该组件的地方写出在components中定义的组件名:
组件可以同时挂载多个组件,一个组件可以同时挂载在同个组件下, 在组件中对于html、js、css的写法和在app.vue中的写法一样;
注意:在组件中定义的样式如果不加作用域,则其样式的作用域将是全局的,需要在组件中定于局部作用域,这样其引入这个组件的组件的样式才不会被影响;
定义组件的局部样式有两种方法:
①通过组件id定义作用域
②