使用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实例的时候，参数之间没有用逗号分隔，导致结果一直为展示出来，编码还是要注意规范。
网友评论