VUE框架基本案例（数据驱动界面） 

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

    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/3.0.5/vue.global.js"></script>


</head>
<body>

<div id="app">
    <p>消息：{{msg}}</p>
</div>

    <script>
    // 数据驱动界面
    Vue.createApp({
        data(){
            return {
                msg:"hello hulanxi"
            }
        },

    }).mount("#app")
    </script>

</body>
</html>
posted @ 2022-06-08 20:25  呼长喜  阅读(50)  评论(0)  编辑  收藏  举报