Vue声明和渲染

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div id="app">
            {{message}}
        </div>

        <!--引入vue库文件-->
        <script src="https://cdn.jsdelivr.net/npm/vue"></script>
        <script type="text/javascript">
            //实例化
            var app=new Vue({
                //绑定div的id名字,也可以是类名
                el:"#app",
                //在data的作用是:创建或者注册模版的时候,传入一个data作为属性
                //data在组件注册的时候,data笔下是一个函数,而不能直接值给
                data:{
                    //message绑定 数据
                    message:"hello vue!"
                }
            })
        </script>
    </body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_35327397/article/details/79091117
今日推荐