vue——全局组件和局部组件

全局组件:

1、Vue.component是Vue提供的创建全局组件的方法。语法:Vue.component("组件名",{})
2、props:['content'], 【接收传过来的content值】
3、template:"<li>{ {content}}</li>"【组件的内容模板，接收内容替换原标签内容后进行渲染】
4、 v-bind:content="item"【向子组件传递一个绑定值】

<div id="app">
         <input type="text" v-model="inputValue">
          <button v-on:click="handleBtnClick">提交</button>
              <ul>
                  <!-- v-bind向子组件传递一个绑定值:
                     循环的list的每一项就是item，把item传给content属性，
                     然后通过v-bind语法通过content传给子组件，
                     然后组件里面的template值就替换掉<todo-item>标签-->
                  <todo-item v-bind:content="item" v-for="item in list"></todo-item>
              </ul>
       </div&