摘要： vue-cli 项目结构介绍 感谢：https://www.jianshu.com/p/7006a663fb9f 总体框架 一个vue-cli的项目结构如下，其中src文件夹是需要掌握的，所以本文也重点讲解其中的文件，至于其他相关文件，了解一下即可。 vue-cli项目总体结构 文件结构细分 1.b 阅读全文

摘要： 组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。那么组件间如何通信，也就成为了vue中重点知识了。这篇文章将会通过props、$ref和 $emit 这几个知识点，来讲解如何实现父子组件间通信。 在说如何实现通信之前，我们先来建两个组 阅读全文

摘要： <template> <div> <input type="text" ref="input1"/> <button @click="add">添加</button> </div> </template> <script> export default { methods:{ add:functio 阅读全文

摘要： 涉及到组件之间的通信的问题。组件之间的通信可以分为以下几种： 父子组件传递，父向子传递采用props，子向父采用事件emit 非父子组件的传递，全局Event bus，new一个vue的实例，采用事件的方式通信，再者采用vuex全局状态管理 阅读全文

摘要： 写在前面 vue中关于插槽的文档说明很短，语言又写的很凝练，再加上其和methods，data，computed等常用选项使用频率、使用先后上的差别，这就有可能造成初次接触插槽的开发者容易产生“算了吧，回头再学，反正已经可以写基础组件了”，于是就关闭了vue说明文档。 实际上，插槽的概念很简单，下面 阅读全文

摘要： Vue 组件的 API 来自三部分——prop、事件和插槽： Prop 允许外部环境传递数据给组件； 事件允许从组件内触发外部环境的副作用； 插槽允许外部环境将额外的内容组合在组件中。 阅读全文