子单元通过 prop 接口与父单元进行了良好的解耦
https://cn.vuejs.org/v2/guide/#起步
现在,我们可以使用 v-bind
指令将待办项传到循环输出的每个组件中:
<div id="app-7">
|
Vue.component('todo-item', {
|
- 蔬菜
- 奶酪
- 随便其它什么人吃的东西
尽管这只是一个刻意设计的例子,但是我们已经设法将应用分割成了两个更小的单元。子单元通过 prop 接口与父单元进行了良好的解耦。我们现在可以进一步改进 <todo-item>
组件,提供更为复杂的模板和逻辑,而不会影响到父单元。
在一个大型应用中,有必要将整个应用程序划分为组件,以使开发更易管理。在后续教程中我们将详述组件,不过这里有一个 (假想的) 例子,以展示使用了组件的应用模板是什么样的:
<div id="app">
|
抽象不应该依赖于具体,具体应该依赖于抽象。 要针对接口编程,而不是针对实现编程。