vue指令-v-text和v-html

1、目标

更新DOM对象的innerText/innerHTML

2、语法

v-text=“Vue数据变量"
v-html=“Vue数据变量"

注意：会覆盖插值表达式

示例：

<template>
  <div id="app">
    <div>
     <p v-text="str"></p>
     <p v-html="str"></p>
    </div>
   
    
  </div>
  
</template>

<script>


export default {
  data(){
    return{
      
      str:"我是一个span"
      
    }
    
  },
  
  
  
  
}
</script>