1.父组件给子组件传值(定义的组件需要用小写字母放入视图大写之前需要-连接)
a.在父组件中的自定义组件标签中定义一个属性
b.在子组件中使用props来进行接收自定义的属性
c.props是专门用来接收父组件传递过来的值(数组,对象),接收的属性可以当做data数据进行使用
d.该属性只可用来渲染页面,不可以操作给属性,需要操作的话必须在子组件data中声明一个新的key,
再用this点props出接收的值,把它赋给新key,这样就可以操作新key值来改变传递过来的值
<template>
<div class="home">
<HelloWorld @sets="gets" />
<ul>
<li v-for="(item, index) of car" :key="index">{
{ item.phone }} {
{ item.pice * item.val }} {
{ item.val }}</li>
</ul>
</div>
</template>
<script>
import HelloWorld from '@/components/HelloWorld.vue'
export default {
components: {
HelloWorld
},
data() {
return {