大二寒假学习7（vue学习模板语法之原始HTML<很高级的可以点进去跳转的那种>那种链接）

v-html指令

原始HTML双大括号会将数据插值为纯文本，而不是HTNL。若想插入HTML，需要使用

 模板语法

<template>
  <h3>模板语法</h3>
  <p>{{ msg }}</p>
  <p>{{ hello }}</p>
  <p>{{ ok?'YES':'NO' }}</p>
  <p>{{ message.split('').reverse().join('') }}</p>
  <p>{{ message }}</p>
  <p>{{ rawhtml }}</p>
  <p v-html="rawhtml"></p>

</template>



<script >
export default{
 data(){
   return{
     msg:"神奇的语法",
     hello:"hello world!",
     ok:true,
     message:"大家好",
     rawhtml:"<a href='https://baidu.com'>百度</a>"

   }
 }
}
</script>

页面展示

页面长这样，最后一行的“百度”，点了之后就会跳转到百度搜索页面。