vue学习笔记——组件手动挂载

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/baidu_39067385/article/details/84584411

在VUE中一个网页可以跟搭积木一样,由各个不同的组件搭建起来,同一个组件他可以被不同的组件使用引入;

组件的使用主要有三个步骤:

1.定义组件,在src文件夹下创建一个新文件夹如:components,然后在该文件夹下,创建vue组件;

2.引入组件,在其他组件的<SCRIPT>里面引入该组件

3.挂载组件

4.使用组件,在使用到该组件的地方写出在组件中定义的组件名:

组件可以同时挂载多个组件,一个组件可以同时挂载在同个组件下,在组件中对于html,js,css的写法和在app.vue中的写法一样;

注意:在组件中定义的样式如果不加作用域,则其样式的作用域将是全局的,需要在组件中定于局部作用域,这样其引入这个组件的组件的样式才不会被影响;

定义组件的局部样式有两种方法:

①通过组件ID定义作用域

猜你喜欢

转载自blog.csdn.net/baidu_39067385/article/details/84584411