有关Vue3表达式介绍

Vue.js 都提供了完全的 JavaScript 表达式支持。
 
JavaScript 表达式
 
<div id=”app”>
    {{5+5}}<br>
    {{ ok ? ‘YES’ : ‘NO’ }}<br>
    {{ message.split(”).reverse().join(”) }}
    <div v-bind:id=”‘list-‘ + id”>菜鸟教程</div>
</div>
    
<script>
const app = {
  data() {
    return {
      ok: true,
      message: ‘RUNOOB!!’,
      id: 1
    }
  }
}
 
Vue.createApp(app).mount(‘#app’)
</script>
 
表达式会在当前活动实例的数据作用域下作为 JavaScript 被解析。有个限制就是,每个绑定都只能包含单个表达式,所以下面的例子都不会生效:
 
<!–  这是语句,不是表达式:–>
{{ var a = 1 }}
 
<!– 流控制也不会生效,请使用三元表达式 –>
{{ if (ok) { return message } }}

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h64906.shtml

张贴在3