站内搜索:
首页 >> 前端 >> 内容
hello vue实现教程

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

新建一个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!。

  • 上一篇:vue中,methods互相调用的方法
  • 下一篇:DOM元素中映射、重绘和回流的使用讲解
  • 返回顶部