站内搜索:
首页 >> 前端 >> 内容
Vue声明和渲染(代码实例)

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

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>

  • 上一篇:操作边框的属性(代码实例)
  • 下一篇:操作表的属性(代码实例)
  • 返回顶部