一、什么是组件？
组件是可复用的 Vue 实例。是页面上的某一部分。
大型项目可以拆分成很多小组件。
二、如何定义(创建)组件？
- 全局组件：通过Vue.component方法创建的组件是全局组件。其中'todo-list'是这个组件的名字。
- 局部组件：其他vue实例若要使用这个组件，必须通过components对这个局部组件进行一个注册，
例子：实现把用户在input框中输入的内容输出到li里
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue入门</title> <script src="./vue.js"></script></head><body> <div id="root"> <input v-model="inputValue"> <button @click="handleSubmit">提交</button> <ul> <todo-item v-for="(item,index) in list" :key="index" :content="item" > <!-- 给todo-item传参，通过属性的形式传参 :content = "item" --> </todo-item> </ul> </div> <script> // 全局组件 Vue.component('todo-item',{ props:['content'
