學習目錄

1. Vues基礎
2. 本地應用
3. 網絡應用
4. 綜合應用

工具的準備

我個人比較喜歡使用HTMLDROWNER，學習資料推薦使用VC，僅供選擇吧

前置知識

HTML+CSS+JS+AJAX：這個是學習資料博主推薦的

個人感覺認真學好HTML+CSS+JS理解vues基礎很容易上手

官方網址

Vue.js - 漸進式 JavaScript 框架 | Vue.js：官方學習網址

VUES背景知識

1. 是一個JS的框架
2. 簡化DOM操作
3. 響應式數據驅動

初始運用

如何導入vues

兩種方式：

  <!-- 開發環境版本，包含了有幫助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

el：掛載點

el:掛載點

1. 問：Vue實例的作用范圍是什么呢?
   答：Vue會管理el選項命中的元素及其內部的后代元素
2. 問：是否可以使用其他的選擇器?
   答：可以使用其他的選擇器,但是建議使用ID選擇器
3. 問：是否可以設置其他的dom元素呢?
   答：可以使用其他的雙標簽,不能使用HTML和BODY

data：數據點

data:數據對象

1. Vue中用到的數據定義在data中
2. data中可以寫復雜類型的數據
3. 渲染復雜類型數據時,遵守js的語法即可

<div id="app">
{{ message }}
</div>

var app = new Vue({
el:"#app"
data:
message:"黑馬程序員"
array:[],
obj:{}
}
})

創建第一Vues.js程序步驟

1. 導入開發版本的Vues.js
2. 創建Vues實例對象，設置el屬性和data屬性
3. 使用簡潔的模板語法把數據渲染到頁面上

案例分析與細節