qq_34932665的博客

vue中的父子组件通信。

表单控件在实际开发中是非常常见的。特别是对于用户信息的提交，需要大量的表单。Vue中使用v-model指令来实现表单元素和数据的双向绑定。案例的解析：当我们在输入框输入内容时因为input中的v-model绑定了message，所以会实时将输入的内容传递给message，message发生改变。当message发生改变时，因为上面我们使用Mustache语法，将message的值插入到DOM中，所以DOM会发生响应的改变。所以，通过v-model实现了双向的绑定。

上述代码中，v-model等于：value +v-on:input实现的效果，:value是表单绑定message，表单中的值会随着message的改变而改变；而v-on：input则是message绑定了表单，此时message会随着表单中输入的数据而改变，这就是v-model实现双向绑定的原理。//每个事件在浏览器上都会生成一个事件。//获取当前input 的值。

/ 删除:如果第二个元素大于零，就是删除几个元素，如果没有传，则删除后面的所有元素。// 添加:第二个元素，表示替换几个元素，后面的参数表示替换前面的元素。// 替换:第二个元素，表示替换几个元素，后面的参数表示替换前面的元素。4.unshift():数组的开头添加一个或多个元素，并返回新的数组。5.splice():添加、删除或者替换元素。3.shift():删除第一个元素。2.pop():删除最后一个元素。1、push 在数组中追加元素。点击按钮后直接在页面上添加元素。