vue的传值方式

vue中有两种传值方式：

1. 父组件向子组件传值 

    也就是属性传值 Props

在父组件的模板中，

父组件和子组件契合的节点是在调用users这个标签

给这个标签绑定一个属性然后获取子组件

将子组件中的数据直接放到父组件的行为：处理逻辑里面

export default {

name:'App',

data(){

return {

// title: '这是我的第一个vue脚手架项目'

      users:[

{name:'henry',position:'web开发',show:false},

{name:'henry',position:'web开发',show:false},

{name:'henry',position:'web开发',show:false},

{name:'henry',position:'web开发',show:false},

{name:'henry',position:'web开发',show:false},

{name:'henry',position:'web开发',show:false},

{name:'henry',position:'web开发',show:false},

{name:'henry',position:'web开发',show:false},

{name:'henry',position:'web开发',show:false},

{name:'henry',position:'web开发',show:false},

]

}

},

然后在子组件的行为:处理逻辑里面添加一个props属性，值就是父组件里自定义v-bind:的值

更加规范的写法是在props中写成一个对象，如果有多个的内容就可以继续写多个例如lists

props:{

users:{

type:Array,

type: users中传的值是什么类型

required:true

required : 请求的时候值的类型是否是规格的array

  },

lists:{

}

},

在属性传值中，可以进行传值或者传引用

传值：string number boolean

传引用: array object

传值和传引用会给项目带来不同的效果

例如用数组，一旦你删除或者添加了一个地方的数据，那么其他地方的数据也会变化

传值：

2. 子组件向父组件传值