Vue2.5开发去哪儿网App(一)

使用Vue.js实现Hello World

首先在Vue官网下载开发版本的script

然后在本地同目录下创建index.html进行编码测试运行

代码如下：

<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="utf-8">
        <title>Hello World</title>
        <script src='./vue.js'></script>
    </head>

    <body>
        <div id="app">{{content}}</div>

        <script>
            var app = new Vue({//新建vue实例
                el: '#app',
                data: {
                    content: 'hello world'
                }
            })
            setTimeout(function() {
                app.$data.content = 'bye world'//延时两秒转换结果
            }, 2000)
        </script>
    </body>

</html>

运行结果：

两秒前
两秒后

由于在新建vue实例的时候，参数之间没有用逗号分隔，导致结果一直为展示出来，编码还是要注意规范。

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容