步骤一:引入vue.js文件
添加<script>标签并标明路径
步骤二:定义Vue对象
el Vue接管区域
data 定义数据模型
步骤三:编写视图层的展示
v-model 绑定数据模型
{{要展示的数据模型}}
运行效果
总结
文本框里的值(左hello)修改,展示的值(右hello)也会被修改。
基于MVVM思想,实现了数据的双向绑定。
添加<script>标签并标明路径
el Vue接管区域
data 定义数据模型
v-model 绑定数据模型
{{要展示的数据模型}}
文本框里的值(左hello)修改,展示的值(右hello)也会被修改。
基于MVVM思想,实现了数据的双向绑定。