Vue表达式学习

什么是vue表达式

可以把js代码写在html文档中，这么看会不会有点乱？

例子

<div id="app">
    {{5+5}}<br>
    <!-- 会自动计算结果-->
    {{ ok ? 'YES' : 'NO' }}<br>
    <!-- js赋值-->
    {{ message.split('').reverse().join('') }}
    <!-- 从js中获取message的信息并执行-->
    <div v-bind:id="'list-' + id">菜鸟教程</div>
</div>
    
<script>
new Vue({
  el: '#app',
  data: {
    ok: true,
    message: 'RUNOOB',
    id : 1
  }
})
</script>

结果是

image.png

参考

Vue.js 模板语法 | 菜鸟教程