一.準備容器
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body></body>
</html>二.引包
? ? ? ? Vue2官網
https://v2.cn.vuejs.org/v2/guide/
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js"></script>
三.創建Vue實例new Vue()
四.指定配置項
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><div id="app">{{msg}}</div><script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js"></script><script>const app = new Vue({el: '#app',data: {msg: '你好Vue！',}})</script></body></html>
五.插值表達式
? ? ? ? {{}}是插值表達式，插值表達式是一種Vue的模板語法
? ? ? ? 1.作用：利用表達式進行插值，渲染到頁面中，表達式是可以被求出值的代碼，JS引擎會將其計算出一共結果。
? ? ? ? 2.語法：{{表達式}}
? ? ? ? 3.注意點：
? ? ? ? ? ? ? ? 使用的數據必須是存在的。
? ? ? ? ? ? ? ? 插值表達式中只支持表達式，而不是語句。
? ? ? ? ? ? ? ? 不能子啊標簽中使用插值表達式。
![[Maven 基礎課程]Maven 是什么](http://pic.xiahunao.cn/[Maven 基礎課程]Maven 是什么)
