html:
JavaScript:
实现结果:在输入中输入数据,实时更改标题中的内容。
v: vue识别的命令。
输入:html的响应事件,用户在输入中输入数据时触发changeTitle函数。
vue绑定changeTitle函数:
vue的作用域是div中“ID=应用”的部分。
在vue构造方法中添加方法属性(vue的保留属性),他的值是一个对象,所以后面是{},在{}中添加你实现的函数方法changeTitle。
。标题就能够调用标题变量。而不是通过vue.data.title。是由于vue自动将数据中的数据变量提高到了vue对象的顶部,所以可以通过。变量名调用到vue中的变量。
现在存在一个问题,如何将输入中用户输入的数据复制给标题变量。
JavaScript会自动创建一个事件对象,通过将事件传递给changeTitle函数就可以获取到用户输入的数据。
即:这个。标题=event.target.value;
