Vue之x-template(2)

本文轉載自查看原文 2019-04-07 22:27 562

將html結構寫在一對script標簽中，設置type=“x-template”

<!DOCTYPE html> 
<html> 
<head lang="en"> 
    <meta charset="UTF-8"> 
    <title></title> 
    <script src="./vue.js"></script> 
</head> 
<body> 
<div id="demo"> 
    <span>miaov ketang</span> 
</div> 
<script type="x-template" id="temp"> 
    <div> 
        hello {{abc}} 
        <span>miaov</span> 
    </div> 
</script> 
<script> 
    let obj={ 
        html:"<div>hello,miaov</div>", 
        abc:1 
    }; 
    var vm=new Vue({ 
        el:"#demo", 
        data:obj, 
        template:"#temp"   /*將新渲染的str替換掉前面的整個div*/ 
        // 
    }) 
</script> 
</body> 
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 script標簽中type為"text/x-template"或"text/html" 是個啥"> script標簽中type為