10 小程式-VUE學習1
阿新 • • 發佈：2020-11-13
1.vue.js
當前專案使用比較多，我們需要掌握vue基本開發功能，vue是漸進式的開發，意味著可以部分嵌入其中進行開發，也就是說一部分頁面用老的jquery開發，新的用vue開發。
vue全家桶指的是Core，vue，rooter，vuex，滿足各種各樣的需求
高階功能：
- 解耦檢視和資料
- 可複用的元件
- 前端路由技術 vue-router
- 狀態管理
- 虛擬dom
學習vue的基礎是html ，css，javaScript
1.1.小示例
我們的程式碼做了什麼事情：
我們來閱讀javaScript程式碼，會發現建立了一個vue物件
建立vue物件的時候，傳入了一些options：{}
- {}中包含了el屬性，該屬性決定了這個vue物件掛載到哪個元素上，很明顯我們掛載在id為app的元素上。
- {}中包含了data屬性，該屬性通常儲存一些資料，要麼是我們直接定義，就像截圖中，要麼是來自網路或伺服器載入的
瀏覽器執行程式碼流程 執行10-13程式碼顯示出對應的html
執行16行程式碼建立vue示例，並對原html進行解析和修改
同時我們當前程式碼可以做到響應式
1.2開門小菜
<script>
function Person(name,age) {
}
function vuee({
}) {
}
</script>
</head>
<body>
<!--new vue 是因為vue裡面有vue物件，類似於上面function Person一樣，當然person也可以傳參,但vue裡面是物件，要注意-->
<!-- 原先我們定義物件，可以用一個變數接收-->
var app=new vue({
})
<!--但現在我們用let/const來接收 其中let在es6中定義變數 const在es6中定義常量-->
</body>