组件化开发是Vue的特色,同时也是未来前端开发的趋势,组件的相互调用也产生了组件沟通问题。在Vue1.X中我们使用$dispatch和$broadcast处理组件沟通问题,但是因为
因为基于组件树结构的事件流方式实在是让人难以理解,并且在组件结构扩展的过程中会变得越来越脆弱。Vue官方
因此这里我们也只讨论父子组件通信问题,并且忽略了CSS(我写的很丑。将就看吧 /滑稽)
父组件HTML
vue组件常用的几种书写方式
vue组件实现Tab切换功能
<!DOCTYPE html><html><head>
<meta charset="utf-8"/>
<title>Demo</title>
<script src="https://cdn.bootcss.com/vue/2.4.1/vue.min.js"></script></head><body> vue组件常用的几种书写方式
领取专属 10元无门槛券
手把手带您无忧上云