属性绑定指令 v-bind: 在实际开发中也可以简写为:,主要用于填充元素的属性值
话不多说,先来一段代码
当data中存在
tips:'请输入用户名',
<input type='text' :placeholder='tips'> //这里的:是v-bind的缩写,tips代表要填入的数据
显示的结果是 input输入框中会默认填入请输入用户名
另外,vue里面还可以进行简单的运算,如
<div>1+2的结果是:{{1+2}}</div>
显示结果是:1+2的结果是3
属性绑定指令 v-bind: 在实际开发中也可以简写为:,主要用于填充元素的属性值
话不多说,先来一段代码
当data中存在
tips:'请输入用户名',
<input type='text' :placeholder='tips'> //这里的:是v-bind的缩写,tips代表要填入的数据
显示的结果是 input输入框中会默认填入请输入用户名
另外,vue里面还可以进行简单的运算,如
<div>1+2的结果是:{{1+2}}</div>
显示结果是:1+2的结果是3