簡介
學校給了兩周時間,讓我們做一個課設.于是我打算做一個移動端的校園圖書館軟件.計劃用vue.js這個框架.今天就按照官網的教程,利用vue.js的腳手架添加一個簡單的vuejs項目.
內容
Vue.js 是什么
Vue.js(讀音 /vju?/, 類似于 view) 是一套構建用戶界面的 漸進式框架。與其他重量級框架不同的是,Vue 采用自底向上增量開發的設計。Vue 的核心庫只關注視圖層,并且非常容易學習,非常容易與其它庫或已有項目整合。另一方面,Vue 完全有能力驅動采用單文件組件和 Vue 生態系統支持的庫開發的復雜單頁應用。
Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。
安裝
兼容性
Vue.js 不支持 IE8 及其以下版本,因為 Vue.js 使用了 IE8 不能模擬的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的瀏覽器。
NPM
在用 Vue.js 構建大型應用時推薦使用 NPM 安裝, NPM 能很好地和諸如 Webpack 或 Browserify 模塊打包器配合使用。 Vue.js 也提供配套工具來開發單文件組件。
# 最新穩定版
$ npm install vue
** 命令行工具
**
Vue.js 提供一個官方命令行工具,可用于快速搭建大型單頁應用。該工具提供開箱即用的構建工具配置,帶來現代化的前端開發流程。只需幾分鐘即可創建并啟動一個帶熱重載、保存時靜態檢查以及可用于生產環境的構建配置的項目:
# 全局安裝 vue-cli
$ npm install --global vue-cli
# 創建一個基于 webpack 模板的新項目
$ vue init webpack my-project
# 安裝依賴,走你
$ cd my-project
$ npm install
$ npm run dev//
然后一個簡單vuejs項目就搭建好了,
vue.js支持熱更新,當你把文件內容修改后,只要按一下保存,那網站上的內容就會自己更新,并且你不會感覺到有閃爍的情況,就像我們用ajax技術來實現局部刷新一樣.cool! (o)/
這是我修改后的內容:
結束
剛開始使用時我還有很多憂慮,擔心會遇到各種問題,結果沒想到按照文檔來一路無阻,
哈哈 ** <( ̄︶ ̄)> **