vue的文本指令 

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Vue文本指令</title>

</head>

<body>

    <div id="app">

        <p>{{ info }}</p>

        <!-- v-text 为vue的文本指令 ="info" , info为vue实例data中的一个变量 -->

        <p v-text="info"></p>

        <p v-text="msg"></p>

        <p v-html="res"></p>

    </div>

</body>

<script src="js/vue.js"></script>

<script>

    new Vue({

        el: "#app",

        data: {

            info: "插值表达式",

            msg: "文本指令",

            res: "<b>加粗的文本</b>"

        }

    })

</script>

</html>

　　

posted @ 2019-02-18 09:58  彼岸花纽约  阅读(240)  评论(0)  编辑  收藏  举报