VUE表达式

用户9184480

发布于 2024-12-19 14:15:41

4300

代码可运行

文章被收录于专栏：云计算linux云计算linux

运行总次数：0

代码可运行

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>VUE表达式</title>
    <script src="js/vue.min.js"></script>
  </head>
  <body>
    <!--布局-->
    <div id="app">
      {{1+1}}<br />
      {{ok?'YES':'NO'}}<br />
      {{message.split('').reverse().join('')}}
      <div v-bind:id="'list-'+id">VUE入门教程</div>
    </div>
    <!--js-->
    <script>
      new Vue({
        el:'#app',
        data:{
          ok:false,
          message:'www.csdn.net',
          id:1
        }
      });
    </script>
  </body>
</html>

相关效果如下：