Demo地址
这里来建立一个简单的Vue对象.
- 新建一个
index.html文件.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue Begin</title>
<script src="vue.js"></script>
</head>
<body>
</body>
</html>
- 在
head引入Vue.js
<script src="vue.js"></script>
- 在
body中新建对象
<script>
var obj = new vue({
el:'',//操作的DOM元素
data:{//存储数据
name : 'allen',
age : 27
}
});
</script>
完整的代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue Begin</title>
<script src="vue.js"></script>
</head>
<body>
<script>
var app = new Vue({
el:'',//el表示DOM元素,一定是与html元素相关的容器元素
data:{//数据存储
name : 'allen',
age : 27
},
}
);
</script>
</body>
</html>
网友评论