Vue中双向数据绑定和ref获取dom节点

一、双向数据绑定

MVVM vue就是一个MVVM的框架。

M    model                        V   view

MVVM   model改变会影响视图view，view视图改变反过来影响model 

运行结果：

点击获取表单中的数据

点击“设置表单中的数据set”，把msg的的值变成设置的数据。

 

二、ref获取dom节点

获取节点的值，必须使用$符合。

设置文本框，一个div，一个按钮。给按钮一个事件，v-on:click  。

在文本框中输入数据，之后点击按钮，会把div的背景颜色变成红色。