如下所示：@H_403_2@

demo.html@H_403_2@

<Meta charset="utf-8">

{{ result1 }}

<input type="text" v-model="input2">
<a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" v-on:click="test2">测试


{{ result2 }}

<script src="http://cdn.bootcss.com/vue/2.0.3/vue.min.js"&gt;
<script type="text/javascript" src="demo.js">

demo.js@H_403_2@

demo.html@H_403_2@

<Meta charset="utf-8">

{{ result1 }}

<input type="text" v-model="input2">
<a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" v-on:click="test2">测试


{{ result2 }}

<script src="http://cdn.bootcss.com/vue/2.0.3/vue.min.js"&gt;
<script type="text/javascript" src="demo.js">

拓展知识：初试Vue之元素、属性赋值方法@H_403_2@

我们在vue中数据赋值时，会很自然而然的想到用“Mustache” 双大括号插值法来赋值

在一个小案例中，比如给一个img标签附上链接 会很自然的想到

运行时会很自然的发现文件资源请求失败，究其因很简单，因为src是属性而不是值，故不可直接src={{ img.path }}

当然，Vue的 v-bind 已经为我们考虑完备了

官方文档对于v-bind的说明：动态地绑定一个或多个特性，或一个组件 prop 到表达式。在绑定 class 或 style 特性时，支持其它类型的值，如数组或对象。可以通过下面的教程链接查看详情。

传送门：

nofollow" target="_blank" href="https://cn.vuejs.org/v2/api/#v-bind">v-bind官方说明@H_403_2@

注意点：@H_403_2@在普通文本可直接使用双大括号法赋值，但对于标签的属性最好还是用v-bind来赋值，测了下，input 输入框的 value 和 placeholder 是可以使用双大括号法的。但是为了避免异议，还是遵循官方文档给的要求，给属性赋值时用v-bind吧。

以上这篇vue.js input框之间赋值方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。