Vue v-text和v-html的區別

標籤：log   nbsp   one   cti   efault   todo   com   function   span   

v-text和v-html的區別

v-text：會把html的標籤輸出

v-html:不會把html的標籤輸出

比如：

<template>  <div id="app">    <h1 v-html="title"></h1>  </div></template><script>import Hello from ‘./components/Hello‘export default {  data:function(){    return {      title:"<span>this is a todoList</span>"    }  }}</script>

使用v-html會輸出：this is a todoList

使用v-text會輸出：<span>this is a todoList</span>   //會連同標籤一同輸出

Vue v-text和v-html的區別