1. MVVM思想
- M：即Model，模型，包括數據和一些基本操作
- V：即View，視圖，頁面染結果
- VM：即View-Model，模型與視圖間的雙向操作（無需開發人員干涉）
在MWM之前，開發人員從後端獲取需要的數據模型，然後要通過DOM操作Model渲染到View中。而後當用戶操作視圖，我們還需要通過DOM獲取View中的數據，然後同步到Model中。
而MVWM中的VM要做的事情就是把DOM操作完全封裝起來，開發人員不用再關心Model和View之間是如何互相影響的：
- 只要我們Model發生了改變，View上自然就會表現出來。
- 當用戶修改了View，Model中的數據也會跟着改變。
把開發人員從繁瑣的DOM操作中解放出來，把關注點放在如何操作Model上。
Vue（讀音/jus/，類似於view）是一套用於構建用戶界面的漸進式框架。與其它大型框架不同的是，Vue被設計爲可以自底向上層應用。Vue的核心庫只關注視圖層，不僅易於上手，還便於與第三方庫或既有項目整合。另一方面，當與現代化的工具鏈以及各種支持類庫結合使用時，Vue也完全能夠爲複雜的單頁應用提供驅動。
使用npm來初始化項目
文件夾增加一個package.json代表是一個npm來管理的項目
D:\work20\vue0615>npm init -y
Wrote to D:\work20\vue0615\package.json:
{
"name": "vue0615",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC"
}
D:\work20\vue0615>npm install vue
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN [email protected] No description
npm WARN [email protected] No repository field.
+ [email protected]
added 1 package from 1 contributor in 2.865s
npm install vue來安裝依賴
