Vue是一个前端框架,学习之前,需要HTML、CSS 和 JavaScript 的一些知识。
引入方式 <script>
下载方式使用开发版本,适合初学者,提示信息很完整。
原生JS与VUE对比。
<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
<script src='./vue.js'></script>
</head>
<body>
<div id="app">{{content}}</div>
<script>
/* var dom = document.getElementById('app')
dom.innerHTML = 'Hello World'
setTimeout(function(){
document.getElementById('app').innerHTML = 'by world'
}, 2000)*/
var app = new Vue({
el:'#app',
data:{
content:"Hello world11123"
}
})
//$data就是 上边创建的app的data
setTimeout(function(){
app.$data.content = 'bye world vue'
}, 2000)
</script>
</body>
</html>