第七篇:还是模板语法(修饰符,用户输入,过滤器[要先跳过了])

Posted 2021-09-11 养肥胖虎

修饰符

修饰符是以半角句号 . 指明的特殊后缀，用于指出一个指令应该以特殊方式绑定。例如，.prevent 修饰符告诉 v-on 指令对于触发的事件调用 event.preventDefault()：(看不懂,不管)

用户输入

在 input 输入框中我们可以使用 v-model 指令来实现双向数据绑定：

<div id="app">
    <p>{{ message }}</p>
    <input v-model="message">
</div>
    
<script>
new Vue({
  el: \'#app\',
  data: {
    message: \'Runoob!\'
  }
})
</script>

之前练过了就不解释了:

这里主要区别一下v-bind和v-model  :感觉就v-bind绑定属性,然后v-model绑定数值

那么问题来了v-on 是干什么: v-on 指令，它用于监听 DOM 事件(看不懂,下次一定)

过滤器

由"管道符"指示, 格式如下:

<!-- 在两个大括号中 -->
{{ message | capitalize }}

管道符是什么:前一个命令的输出作为下一个命令的输入