Vue 簡介：
①JavaScript框架；②簡化DOM操作； ③回應式資料驅動
官方檔案： Vue.js
開發工具：VSCode (Live Server 插件)
Vue下載：安裝 — Vue.js
Vue 實體的作用范圍：
Vue會管理 el（設定Vue實體掛載） 選項命中的元素及其內部的后代元素；可使用其他選擇器，但建議使用ID選擇器；可以使用其他雙標簽，不能使用<HTML><BODY>，
data資料物件：
Vue資料定義定義在data中；data可以是復雜型別資料；渲染復雜型別資料，遵守JS語法，
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content= "width=device-width,initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title> Vue 基礎 </title>
</head>
<body>
<!-- 開發環境版本，包含幫助命令列警告-->
<script src="http://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<div id = "app">
{{meassage}}
<h2>{{obj.pram1}}{{obj.pram2}}</h2>
<ul>
<li>{{list[0]}}</li>
<li>{{list[1]}}</li>
<li>{{list[2]}}</li>
</ul>
</div>
<script>
var app = new Vue({
el:"#app",
data:{
message:"Hello Vue",
obj:{
pram1:"Pram1",
pram2:"Pram2"
},
list:["one","two","three"]
}
})
</script>
</body>
</html>轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/382845.html
標籤：其他
上一篇：程式員必備軟體
下一篇：Day jmeter