vue 入门笔记 实例化vue对象
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue.js</title>
<link rel="stylesheet" href="style.css">
<!-- 引入 VUE -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
<!-- 对应 js 的 el -->
<div id="vue-app">
<h1> {{name}} </h1>
</div>
<!-- 关联 JS -->
<script src="app.js"/>
</body>
</html>
app.js
//实例化 vue 对象
new Vue({
el:"#vue-app",
data:{
name:"Mr.wu",
},
});
/*
el : element 需要获取的元素, html中的根容器元素
data: 用于数据的储存
*/
style.css
数据绑定