vue.js 快速入门
程序员文章站
2022-06-06 20:18:15
...
个人感觉，用 vue的话就不用像原来 js操作 dom那样这么麻烦了
通过一个大对象统一管理页面，进行渲染，很方便
1.新建一个项目
下载 js插件
写一个 小 demo
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<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";
setTimeout(function(){
dom.innerHTML="bye";
},2000);
</script> -->
<script>
var app = new Vue({
el:'#app',
data:{
content:'hello world'
}
});
setTimeout(function(){
app.$data.content="bye bye"
},2000)
</script>
</body>
</html>
对比原生 的dom操作
，vue更像是操作一个 大对象的属性
$data 就是 vue的属性的别名