您现在的位置:首页 >> 前端 >> 内容

Vue声明和渲染(代码实例)

时间:2018/1/18 15:49:59 点击:

  核心提示:Vue声明和渲染(代码实例)!DOCTYPE htmlhtmlheadmeta charset=UTF-8title/title/headbodyp id=app{{message}}/p!--引入v...

Vue声明和渲染(代码实例)

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

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

Tags:VU UE E声 声明 
作者:网络 来源:qq_3532739