Vue之x-template(2)

最新推荐文章于 2021-11-14 11:47:36 发布

weixin_30457465

最新推荐文章于 2021-11-14 11:47:36 发布

阅读量53

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/jianxian/p/10667767.html

版权

将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>