vue的高阶使用

vue中组件传值的方式

父子组件

根组件给子组件传数据，利用propers
通过v-bind(:)动态属性传值

<template id=“son”>
<div>
我是儿子组件,{
  {msg}},
{
  {car}}
<div>
</template>

<div id=“app”>
<h1>我是父组件,{
  {msg}}</h1>
<son :msg=“msg”><son>
</div>

var vm=new vue({
   
el: “#app”,
data:{
   
msg:”父组件的数据”,
car:”父组件的车”
},
components:{
   
son:{
   
template:”#son”,
//接受父组件动态属性传递的数据
propers:[“msg”,”car”]
}
}
});

子父组件

利用自定义事件.
儿子组件通过 e m i t 方 法 触 发 自 定 义 事 件 ， 该 方 法 的 第 一 个 参 数 是 自 定 义 事 件 的 名 字 。 第 二 个 参 数 是 给 父 组 件 传 递 的 数 据 。 子 组 件 的 标 签 上 用 @ 自 定 义 事 件 名 字 ， 加 上 父 组 件 提 供