Vue1 0 的技術棧

2022-07-05 00:57:10 字數 939 閱讀 6156

vue.js是用於構建互動式的web介面的庫。它提供了mvvm資料繫結和乙個可組合的元件系統,具有簡單、靈活的api。

結合node.js 可以實現前後端開發從物理上的分離。使前端負責view和controller層,後端負責資料介面,資料儲存。

感興趣可以看**ued 《前後端分離的思考與實踐》

1.使用簡單, 如:

var vm = new vue(

})2.外觀優雅

//阻止單擊事件冒泡

//只在按下回車鍵的時候觸發事件

//lazy: 在'change'而不是'input'事件中更新資料

3.小巧靈活

gzip壓縮後只有25.11kb。

松耦合,和路由模組, 網路請求模組,資料模組 等相分離,可單獨使用。

4.功能強大

export default (router) => , //not found handler

'/': ,

'/login': ,

'/field': },

'/stat': }

})}

裝 node 版本: v6.3.0

裝 npm 版本: 3.10.3

執行命令: npm install 安裝外掛程式 、npm run dev 執行專案

fq工具: lantern

sublime text3 安裝 package control 安裝外掛程式:editorconfig、vue syntax highlight

chrome外掛程式 安裝 vue.js devtools(除錯vue) google翻譯外掛程式

抓包工具 fiddler

vue1 0學習總結

使用vue已經有 三 四個月了,但是只是學著使用了一些基本方法。因為現在的前端框架越來越多 angular,react.但是我相信萬變不離其宗,很多用法框架之間還是想通的,所以借總結的vue的機會深入了解vue到每個細節,以後能更加熟練地使用vue,有機會也能在別的框架中體會相通的思想。指令 com...

Vue1 0學習筆記

vue生命週期 鉤子函式 created 例項已經建立 beforecompile 編譯之前 compiled 編譯之後 ready 插入到文件中 beforedestroy 銷毀之前 destroyed 銷毀之後 new vue methods created function created f...

vue 1 0基本了解

一 基本結構 基本結構 js 1.路由需要準備乙個跟元件 2.定義元件 var home vue.extend varlist vue.extend var item vue.extend 3.建立路由例項 var router new vuerouter 4.關聯 定義路由規則 router.ma...