Vue学习笔记一 （组件）

---

全局组件

使用 Vue.component(tagName,options) 可以注册一个全局组件。组件是全局的，即在Vue的任何实例下都可以使用该组件

Vue.component('TodoItem',{
      props: ['content'],
      template: '
{{content}}
'
    })

局部组件

局部组件用选项对象 components 属性实现注册，只能在当前实例中使用该组件

var TodoItem = {
      props: ['content'],
      template: '
{{content}}
'
    }
    var app = new Vue({
      el: '#app',
      components:{TodoItem},
      data: {
        list: [],
        inputValue:''
      },
      methods: {
        btn: function(){
          this.list.push(this.inputValue)
          this.inputValue = ''
        } 
      }
    })

Ps:实例带码

    
    提交
    

                      
      
    
  

---

父子组件间传值

     //父 => 子    绑定属性count
    
    
    
{{total}}
  
  

---

组件参数校验

---

组件使用的一些细节

每个row为一个组件，但tbody内只能是tr,所以使用is，（ul ,select一样，如果内部子项为一个单独组件，为了防止bug，使用is）

    
  
  

给组件绑定原生事件