Vue.js单向绑定表单

Nuo*_*001 6 forms binding vue.js

我是Vue.js的新手,我正在尝试测试这个框架的一些功能.现在我正在测试输入表单,我想在不使用v-model指令的情况下进行单向绑定,但我找不到任何示例.有人可以帮帮我吗?

Nik*_*aut 11

这是单向和双向绑定的示例

var V = new Vue({
  el:'#vue-instance',
  data:{
    name:'Niklesh'
  }
})
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.4/vue.js"></script>
<div id="vue-instance">
<div>One Way binding with input box <input type="text" :value="name"></div>
<div>One Way binding as text {{name}}</div>

<div>Two way binding : <input type="text" v-model="name"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

  • @Nuovo001:一种绑定方式是显示文本,两种方式用于用户输入,如果您正在接受用户输入,最好使用两种方式。 (2认同)