一 概念
实例：el
```html
<div id='app'>
</div>
<script>
new Vue({
el: '#app'
})
</script>
```
- 数据：data
```html
<div id='app'>
<p v-text='msg1'></p>
<p>{{ msg2 }}</p>
</div>
<script>
new Vue({
el: '#app',
data: {
msg1: '段落1',
msg2: '段落2'
}
})
</script>
```
二 代码示范
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>vue实例</title>
<style type="text/css">
p {
width: 200px;
height: 200px;
background-color: red;
}
</style>
</head>
<body>
<div >你就是P</p>
<!-- vue的变量一般需要进行初始化（赋初值） -->
</div>
<div
}
});
// 将一个vue实例挂载到页面的一个页面结构
new Vue({
// 挂载点
el: "#main",
data: {
my_title: ""
}
})
</script>
</html>