Vue v-model双向数据绑定和一个简单的整数计算器

一、v-model双向数据绑定

---

方法

• v-bind - 单向数据绑定（从M到V）
• v-model - 双向数据绑定

例子

<input type="text" v-bind:value="msg" style="width:200px">//单向
<input type="text" v-model="msg" style="width:200px">//双向

TIPS

使用v-model指令可以实现表单元素和model中数据的双向绑定，但是v-model只能使用在表单元素中。

---

二、一个简单的整数计算器

用到的方法

• switch(){} - 选择
• eval() - 解析字符串

例子

switch(this.opt){
	case '+':
	this.t3 = parseInt(this.t1) + parseInt(this.t2);
		break;
	case '-':
	this.t3 = parseInt(this.t1) - parseInt(this.t2);
		break;
	case '*':
	this.t3 = parseInt(this.t1) * parseInt(this.t2);
		break;
	case '/':
	this