Vue.js注意事项

1.父组件给子组件传递类名的时候，IE浏览器的object元素外面不能有其它元素作为其父元素，否则传递的css类名会绑定到父元素上面。

错误写法：
<template>
<!--类名会绑定到父元素div上面-->
 <div>
  <object :class="[cname]" ></object>
 </div>
</template>

正确写法：
<template>
  <object :class="[cname]" ></object>
</template>


 props:{
          cname:{
            type:String,
            default:""
          }
       }

2.父子组件通信

父组件通过props向子组件传值时，需要使用v-bind指令绑定变量，否则无法传值成功，会报类似的错误：[Vue warn]: Invalid prop: type check failed for prop "img_type". Expected Boolean, got String. 比如，正确写法：<close :img_type="false" ></close> img_type会被当做变量处理。 错误写法：

 <close img_type="false" ></close>

`img_type会被当做自定义属性。