模块与组件

1.组件

实现应用中局部功能代码和资源的集合

2.模块

实现不同功能的js的集合

非单文件组件

1.定义

一个文件里面有n个组件

2.基本使用

（1）创建组件

注意：Vue3创建组件的方式与Vue2完全不同

（2）注册组件

注册组建的方式分局局部注册和全局注册

①局部注册：

是在Vue创建的实例对象中注册组件

②全局注册

(3)编写组件标签

组件标签可以有多种命名方式，在此只记录最推荐的一种，不容易出错，且能被vue开发工具检测到

①一个单词命名

首字母可以大写可以小写，最好大写

②多个单词命名

用‘-’连接，但是在脚手架中，更推荐首字母大写的方式（首字母大写的方式只有在脚手架环境中才可以使用）

（4）将组件渲染到页面上

可以用单标签，也可以用多标签。单标签更加简洁

3.组件的嵌套

组件里面可以包含组件，即为组件的嵌套。

vue脚手架

vue开发的一个环境

1.ref属性

作用：被用来给元素或子组件注册引用信息（id的替代者），通俗来说就是引用此属性，就能返回绑定属性的元素。应用在html标签上返回的就是真实的dom元素，应用在组件身上返回的就是组件实例对象

2.props配置项

作用：使组件接收到外界传来的数据

（1）传递数据

①传递字符串

传递字符串直接令属性等于值即可

②传递数字或者函数

需要在属性前加上‘：’，以js的形式解析值的内容 <template><HelloWorld :age='18'/></template>