1 失常应用v-html

export default {
  data() {
    return {
      msg: '<div>这是一个期待渲染的html</div>'
    }
  },
 }
 <div v-html="msg"></div>
 

渲染的后果是： 这是一个期待渲染的html

2. 非凡的数据

export default {
  data() {
    return {
      msg: '<div>这是一段文本<w56656565465</div>'
    }
  },
 }
 <div v-html="msg"></div>
 

你们是不是认为后果是：这是一段文本<w56656565465

然而事实是： 这是一段文本

3. 论断

咱们在返回的数据不确定的状况下，要将返回数据做下本义，防止数据渲染出错同时也避免xss攻打