Vue组件详解
组件是可复用的 Vue 实例,说白了就是一组可以重复使用的模板。通常一个应用会以一棵嵌套的组件树的形式来组织:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/2e80ab92c2f660c9177077f727c0111c.png)
第一个Vue组件
使用 Vue.component() 方法注册组件:
说明:
- Vue.component():注册组件
- my-component-li:自定义组件的名字
- template:组件的模版
当我们需要传递参数都组件时,需要使用props属性!
注意:默认规则下 props 属性里的值不能为大写:
component.html代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"