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},
]
}
},
<template>
<div id="app">
<h1>{{title}}</h1>
<app-header></app-header>
<users v-bind:users="users"></users>
<users v-bind:users(自定义的属性)="users(这个值父组件data里面的users)"></users>
<app-footer></app-footer>
</div>
</template>
然后在子组件的行为:处理逻辑里面添加一个props属性，值就是父组件里自定义v-bind:的值
<script>
export default {
name:'users',
props: ['users'],
props: ['users'], 里面的值就是父组件里v-bind自定义的值
data () {
return {
}
}
}
</script>
更加规范的写法是在props中写成一个对象，如果有多个的内容就可以继续写多个例如lists
props:{
users:{
type:Array,
type: users中传的值是什么类型
required:true
required : 请求的时候值的类型是否是规格的array
},
lists:{
}
},
在属性传值中，可以进行传值或者传引用
传值：string number boolean
传引用: array object
传值和传引用会给项目带来不同的效果
例如用数组，一旦你删除或者添加了一个地方的数据，那么其他地方的数据也会变化
传值：
2. 子组件向父组件传值
