Day 0-1 動機介紹&Vue.js初探 - iT 邦幫忙 | vue js app教學
大家好,我是DC,機械系學生自學網頁程式設計,過去前端和後端都接觸過,後端寫過Node.js、PHP、ROR、Django,前端只用過Bootstrap之類的css框架,之前嘗試過AngularJs跟React等JS框架,但都是修改網路上找到的教學中的範例,我今年第一次知道有鐵人賽,也是第一次參加,這次我想嘗試直接閱讀vuejs的document學習,並從零開始建構一個vuejs的專案。以下是官方教學文件[1]的目錄,前半個月將試著把教學讀完,後半個月會使用vue製作一個專案。InstallationIntroductionWhatisVue.jsTheVueInstanceTemplateSyntaxComputedPropertiesandWa...
大家好,我是DC,機械系學生自學網頁程式設計,過去前端和後端都接觸過,後端寫過Node.js、PHP、ROR、Django,前端只用過Bootstrap之類的css框架,之前嘗試過AngularJs跟React等JS框架,但都是修改網路上找到的教學中的範例,我今年第一次知道有鐵人賽,也是第一次參加,這次我想嘗試直接閱讀vuejs的document學習,並從零開始建構一個vuejs的專案。
以下是官方教學文件[1]的目錄,前半個月將試著把教學讀完,後半個月會使用vue製作一個專案。
InstallationIntroductionWhat is Vue.jsThe Vue InstanceTemplate SyntaxComputed Properties and WatchersClass and Style BindingsConditional RenderingList RenderingEvent HandlingForm Input BindingsComponents所以前半月會是我讀文件的筆記,後半月是專案的工作進度報告。
教學第一篇應該要先介紹一下這個框架,但是我也是第一次接觸js框架,可能得等我看完文件後才能寫這個部份,簡單來講Vue是一套前端框架,主要目的是讓網頁可以動態Load資料,有別於傳統靜態的頁面將內容寫死在source code裡面,目前只知道vue跟react一樣有virtual DOM的架構,在此僅將原文介紹翻譯。
Vue (發音 /vjuː/, like view) 是個發展中的前端框架。 和其他整體性的框架不同,Vue 從底層開始逐漸的擴展。 Vue 的底層核心專注在View上,可以輕易的和其他library或現有專案整合。 另外使用Vue並整合其他工具也很適合用來寫複雜的一頁式網頁。
Vue.js和其他js框架一樣,只要在頁面上load框架的主程式就可以使用。
<script src="https://i1.wp.com/unpkg.com/vue/dist/vue.js"></script&g...