1、使用双大括号{{}}，数值插入法：将data方法中定义的数据绑定到模板html中，vue中，data中的数据，定义的是响应式数据，当data中的数据发生改变时，html模板中的数据即发生改变；

2、v-bind：将data方法中的数据绑定到html模板中，该方法是数据的单向流动，将data方法中的响应数据定义到html模板中的前置标签，或者直接将一个常量值传入到该标签，多用于父子组件传参；

3、v-model：将data方法中的数据绑定到html模板中，该方法是数据的双向绑定，将data方法中的相应数据绑定到html中的同时，html模板中的数据改变时，data中的数据也会发生改变；

注:v-bind和v-model存在于前置标签中，数据显示的优先级高于{{}}