vue 杂谈

关于prop

1、大小写。

html针对属性名的大小写是不敏感的，但浏览器会把大写字符解释成小写字符。所以使用dom中模板时，驼峰法的属性名需要换成短横线分隔命名  //  <child-comp :init-data="initData">

2、类型

props: [ 'initData', 'title']; // 1.字符串数组形式，只列出prop： 
props：{  // 2.对象形式，列出prop的类型，遇到错误形式会有提醒。 
    initData: Object,
    title: String 
}

3、传递写法

 1.传递boolean，不传值表示true   // <child-comp isBoolean>
 2.若传递的prop较多，可以传递一个对象，对象中的key表示传递的prop。 
 // 
 <child-comp v-bind="post"></child-comp>
post: {
  id: 1,
  title: 'My Journey with Vue'
}
 // 等价于
<child-comp v-bind:id="post.id" v-bind:title="post.title" ></child-comp>