(您有任何疑问,都可以进行提问,我们一起探讨)
前言
您将在本文当中了解到,往网页中添加数据,从传统的dom操作过渡到数据层操作,实现同一个目标,两种不同的方式.以及什么是组件,如何定义和使用组件,父子组件之间如何进行简单的通信传值...v-if:值的类型任何,根据表达式的值的真假条件渲染元素,表达式中的值为false是,该元素会从dom中移除
官方解释:在切换时元素及它的数据绑定 / 组件被销毁并重建。...,这个值传递其实就是数据,特定的是实参数
在上述代码中,input框被包裹在父组件中,input框中输入的值是数据,通过v-model进行双向数据绑定,通过inputVal这个变量保存,经过按钮的点击操作后...指令绑定自定义属性值的方式,父组件中的数据,可以通过v-for循环列表拿到数据
在上面的时例代码中,通过自定义一个content变量属性用来接收父组件中的数据,v-bind:content="item"...,这个item是父组件中list数组中的列表项,它是把list中的每一项值赋值给item,然后通过这个item,通过v-bind的方式传给这个todo-list组件,通过content这个变量来传的.