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

hello vue实现教程

时间:2017/11/9 9:22:19 点击:

  核心提示:新建一个hello.html文件,输入以下内容:htmlheadtitle/titlescript src=https://unpkg.com/vue/script/headbodyp id=app{...

新建一个hello.html文件,输入以下内容:

<html>
<head>
    <title></title>
    <script src="https://unpkg.com/vue"></script>
</head>
<body>
    <p id="app">
      {{ message }}
    </p>
    <script type="text/javascript">
        var app = new Vue({
        el: '#app',    //这是element
        data: {
             message: 'Hello Vue!'
            }
        })
    </script>

</body>
</html>

打开后就是Hello Vue!。

打开控制台,输入app.message = "Hello world!",那么页面就会动态变化成Hello world!。

Tags:HE EL LL LO 
作者:网络 来源:弱智de克星