vue.js 中 :is 与 is 的用法和区别

一、is的用途

<div id="app">
  <button @click="plusone">+++1</button>
  <myheaders :mycount="count" :mymsg="msg" ></myheaders>
  <div :is="tttson" ></div>
  <div :is="ttmyheader" ></div>
</div>

如果不用v-bind则：“这里的内容：comp1”-->必须是components:{comp1:comp1} 

<div is="comp1" ></div> 这样也是正确的

js代码如下 ：

var son = {
  template:"<b>子子{{son}}{{myson}} {{mymsg}}</b>",
  data:function(){
    return {"son":"sonson"}
  },
  props:["myson","mymsg"]
}
var myheader = {
  template:"<p>3333333father --- {{a}},{{b}}{{mycount}} <myson :myson="a" :mymsg="mymsg"></myson></p>",
  data:function(){
    return {a:"aaa","b":"mymsg",tson : son};
  },
  props:["mycount","mymsg"],
  components:{
    myson:son
  }
}
var vm = new Vue({
  el: "#app",
  data: {
    count: 5,msg:"my message",tttson:son,ttmyheader:myheader
  },
  components:{
    "myheaders":myheader
  },
  methods: {
    plusone: function () {
      this.count++;
    }
  }
})

总结：is 只能用于绑定组件。

上面代码的结果：