P6模板语法

2023-07-25 21:47:50
微图
468
最后编辑:微图 于 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>


发表评论
评论通过审核后显示。
  • 在线客服
  • 关注微信
    • 客服帆帆
    • 客服娜娜
    • 客服美美
    • 客服龙龙
  • 扫一扫关注微信