vue學習筆記（二） 簡單的介紹以及安裝

學習程式設計需要的是 api+不斷地練習^_^

vue官網：

菜鳥教程：

vue.js（讀音 /vjuː/, 類似於 view） 是一套構建使用者介面的漸進式框架。

vue 只關注檢視層， 採用自底向上增量開發的設計。

vue 的目標是通過盡可能簡單的 api 實現響應的資料繫結和組合的檢視元件。

vue 學習起來非常簡單，本教程基於 vue 2.1.8 版本測試。

vue當與單檔案元件和 vue 生態系統支援的庫結合使用時，vue 也完全能夠為複雜的單頁應用程式提供驅動。

2.npm: 在用 vue.js 構建大型應用時推薦使用 npm 安裝， npm 能很好地和諸如 webpack 或 browserify 模組打包器配合使用。

vue.js 也提供配套工具來開發單檔案元件。

由於 npm 安裝速度慢，本教程使用了**的映象及其命令 cnpm，安裝使用介紹參照：使用** npm 映象。 

npm install -g cnpm --registry=

#從此以後 cnpm同npm一樣使用

npm 版本需要大於 3.0，如果低於此版本需要公升級它：

# 檢視版本

$ npm -v

2.3.0

#公升級 npm

cnpm install npm -g

# 最新穩定版

$ cnpm install vue

3.命令列工具：　

vue.js 提供乙個官方命令列工具，可用於快速搭建大型單頁應用。

# 全域性安裝 vue-cli$cnpm install--globalvue-cli# 建立乙個基於 webpack 模板的新專案$vue init webpackmy-project# 這裡需要進行一些配置，預設回車即可thiswill install vue2.xversion of the template.forvue1.xuse:vue init webpack#1.0 my-project?projectname my-project

?projectdescription a vue.js project
?authorrunoob ?vuebuild standalone
?useeslintto lint your code?yes?pickan eslintpreset standard?setupunit tests withkarma+mocha?yes?setupe2e tests withnightwatch?yesvue-cli ·generated"my-project".togetstarted:cd my-project
npm install
npm run dev
documentationcan be found at 　　
進入專案，安裝並執行：

注意：vue.js 不支援 ie8 及其以下 ie 版本。

vue插槽樣式 Vue的插槽的簡單介紹以及示例

vue插槽的概念 vue的插槽，是一種內容分發機制，但是我感覺它更加像元件的一種佔位符的概念，通過插槽，等待元件外部傳入複雜的內容。使用插槽的好處 在以前的例子中todo item插槽直接寫在了todo list插槽中，其實是比較不合理的，它會導致todo list插槽比較死板，無法重用更多的其他元...

Vue 學習筆記 介紹

原帖完整收藏於it老兵驛站，並會不斷更新。17年上半年，學習了一些vue的知識，但是現在反觀回去，感覺在那個時候，因為著急做專案，很多東西消化的不夠清楚，這一點同樣體現在對angular的學習上，現在有點時間進行修整，那就花點時間去好好整理一下。大體翻譯 vue是乙個進步的框架 progressiv...

Vue簡單介紹以及常用方法總結

vue.js 讀音 vju 類似於 view 是一套構建使用者介面的 漸進式框架。與其他重量級框架不同的是，vue 採用自底向上增量開發的設計。vue 的核心庫只關注檢視層，並且非常容易學習，非常容易與其它庫或已有專案整合。另一方面，vue 完全有能力驅動採用單檔案元件和 vue 生態系統支援的庫開...