P6模板语法

2023-07-25 21:47:50

微图

469

最后编辑：微图于 2024-03-26 14:26:39

分享链接

<template>
  <h3>模板语法</h3>
  <p>{{ msg }}</p>
</template>
<script>
  export default {
    data(){
      return{
        msg:"神奇的语法"
      }
    }
  }
</script>

<template>
  <h3>模板语法</h3>
  <p>{{ msg }}</p>
  <p>{{ number + 1 }}</p>
  <p>{{ ok ? 'Yes' : 'No'}}</p>
  <p>{{ msg2.split("").reverse().join() }}</p>
  <p v-html="rawHtml"></p>
</template>
<script>
  export default {
    data(){
      return{
        msg:"神奇的语法",
        number:10,
        ok:true,
        msg2:"大家好",
        rawHtml:"<a href='http://baidu.com'>百度</a>"
      }
    }
  }
</script>