vue组件传参（部分）

1.组件定义与使用

1.1首先在components中创建一个vue组件文件

 

CounterCom.vue
<template>
   <button>1</button>
</template>

1.2在src中创建一个vue文件然后引入刚刚创建的vue组件文件

App.vue
01  导入
import CounterCom from './components/CounterCom.vue'

02 注册
components:{CounterCom}

03 使用
<CounterCom></CounterCom>
<counter-com></counter-com>

2.父传子(自定义属性 props)

使用props，这里需要强调的就是父传给子的数组是只读的(做默认值,读取显示)不能进行修改

App.vue文件中
<CounterCom :num="10">

CounterCom.vue 组件中
//01 接收参数并定义默认值
props:{
    "num":{type:Number,def