vue中的v-html和v-text 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="content">

        {{msg}}   <!--页面渲染    <h2>lv</h2> -->
        <div v-text="msg"></div>   <!--页面渲染    <h2>lv</h2> -->
        <div v-html="msg"></div>   <!--  lv  -->

    </div>
    <script src='vue.js'></script>
    <script>
        new Vue({
            el:'#content',
            data(){
                //data是一个函数,函数中return一个对象,可以是一个空对象,但是不能不return
                //在此处return 一个对象
                return{
                    msg:"<h2>lv</h2>"

                }
            }
        })

    </script>
</body>
</html>

 

posted @ 2018-12-01 16:49  团子emma  阅读(125)  评论(0)    收藏  举报