欢迎使用CSDN-markdown编辑器

vue.js ——PRops

父组件向子组件传递数据,注意组件之间的作用域是独立的，所以要如果父组件要向子组件传递数据，首先要在父组件中写成属性的形式，属性名就是传递的名字，属性值就是传递给子组件的值，由于HTML 特性不区分大小写，所以属性值需要写成 kebab-case（短横线隔开），子组件中props写成 camelCase（驼峰）.如下：

子组件

父组件

<div my-massage='hello'></div>

动态props，将父组件传递的值前面加上v-bind或者‘：’写成 <div v-bind:my-massage='定义的变量'>，如果想传递一个数字1给子组件，需要写成<div v-bind:my-massage='1'>,如果不是用v-bind，则会传递一个字符串1给子组件，prop是一个单项的数据流，改变子组件的prop不会导致父组件传递的prop改变，除非父组件传的是一个数组或者对象。

props详细教程