vue.js安裝

官網：http://cn.vuejs.org/

官方安裝介紹：http://cn.vuejs.org/v2/guide/installation.html

MVVM框架：View、ViewModel、Model

npm安裝參考文章：http://www.cnblogs.com/shhnwangjian/p/6559732.html

基于網絡原因，建議將 npm 的注冊表源設置為國內的鏡像，可以大幅提升安裝速度。

本文使用淘寶鏡像，使用 cnpm (gzip 壓縮支持) 命令行工具代替默認的 npm

npm install -g cnpm --registry=https://registry.npm.taobao.org

安裝vue-cli命令行工具

# 全局安裝 vue-cli $ cnpm install --global vue-cli # 創建一個基于 webpack 模板的新項目 $ vue init webpack my-project # 安裝依賴，走你 $ cd my-project $ cnpm install $ cnpm run dev

• 代碼風格檢查：eslint
• 構建工具：webpack
• 前端路由：vue-router
• 狀態管理：vuex
• 服務端通訊：vue-resource

項目my-project目錄中package.json文件記錄項目的詳細信息，包含它的依賴以及開發者的依賴，這些依賴是下載webpack模板使用到的。

通過cnpm install命令，會將所有的依賴放到項目的node_modules目錄下。

通過cnpm run dev命令啟動項目，它實際上也是用的package.json文件中scripts這段內容。

?

yarn

官網：https://yarnpkg.com/en/docs/install#windows-tab

windows下npm安裝方式

npm install -g yarn

yarn 原倉庫 包下載不 穩定，需要設置倉庫為 tnpm 或在 cnpm

yarn config set registry “https://registry.npm.taobao.org”

?

vue頁面

?

?

核心思想

數據驅動和組件化

1、數據驅動

2、組件化

組件設計原則：

• 頁面上每個獨立的可視\可交互區域視為一個組件；
• 每個組件對應一個工程目錄，組件所需要的各種資源在這個目錄下就近維護；
• 頁面不過是組件的容器，組件可以嵌套自由組合形成完整的頁面。

?

Vue-cli介紹

Vue-cli是Vue的腳手架工具。

?

超強干貨來襲 云風專訪：近40年碼齡，通宵達旦的技術人生

總結

以上是生活随笔為你收集整理的vue.js初识（一）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。