Vue组件开发及数据v-model双向绑定讲解

重点介绍自定义组件的 v-model 实现

如何开发一个Vue组件

当你会开始一个理想的，且合理的vue组件时，你方才可以说，你会玩vue了。

如何开发一个子组件呢，开发vue组件需要考虑的几个关键问题是什么？

这里，我们使用的vue-element-ui 的vue-element-template作为基础框架，进行举例

vue-element-template的源代码git库
.git仓库

1、如何引用子组件

引用局部引用vue组件很简单，如下

<template>
 <div> 
   <h3>当前为父组件</h3>
   <!-- 使用子组件 -->
   <child-comp abc="text comp" :val=1 @ok="show" />
 </div>
</template>
<script>

// 引入组件
import ChildComp from './ChildComp.vue'

export default {
    
  // 务必记得将ChildComp在 components中添加
  components:{
    
    ChildComp
  },
  methods: {