,它关注点是数据,数据是什么,就让页面显示什么,并通过在模板中绑定指令,属性的方式与数据进行关联,数据与方法进行分离,数据驱动实现页面的渲染
在上面的vuejs代码中,涉及到的知识有:vue实例化的属性和方法...="";v-bind:class="",:title="",动态地绑定一个或多个特性,或一个组件 prop到表达式,绑定自定义属性
v-if:值的类型任何,根据表达式的值的真假条件渲染元素,表达式中的值为...,并且实现父子元素的通信,实现效果如下图所示:
输入框内输入值,点击添加按钮,将表单中的值添加到页面中,同时,又可以删除列表项内容,注意是删除列表项而不是隐藏
?...(未使用组件的方式实现todolist)
从上面的示例代码中涉及到几个知识点:v-model指令,v-for循环列表,通过先前学过的内联样式中绑定事件方法@(v-on),在根实例app中的metods方法中操作数据...,in 后面的是数据中的数组名
从上面的效果中看出,在我们每次进行表单输入值,点击添加按钮添加事件操作时,页面中都会新增出现一条列表项,而且每个列表项在结构样式上都是相似的,那么我们就可以把这个列表项封装成一个组件的