原文:Vue 項目實戰系列 (二)

上一章節我們已經把項目的初始化工作完成了,接下來我們再來進行具體的代碼編寫。這一節我們將完成如下的頁面。 我們在src 目錄下新建一個views文件夾,存放我們的主要頁面文件。目錄結構如下: cinema.vue如下: movie.vue如下: me.vue如下: 這里三個相當一級路由的路由頁面就有了。然后再看看具體的footerNav這個組件如何寫。一個組件一般包含三個部分: 先看看templ ...

2017-05-03 11:19 25 3062 推薦指數:

查看詳情

Vue 項目實戰系列 (一)

  最近一直在學習Vue,基本的文檔看完后就需要進行具體的項目進行練手了,本系列文章主要是將我學習過程記錄下來,和大家一起學習交流。   我在git上找到了一個淘票票的Vue項目項目地址:   https://github.com/canfoo/vue2.0-taopiaopiao,大家喜歡 ...

Tue May 02 19:36:00 CST 2017 0 2057
Vue 項目實戰系列 (三)

  我們繼續前兩節的開發。本節教程實現的效果如下:   效果很簡單,但是實現起來卻要用到Vue的很多知識,下面我們將一步一步的實現這個效果。   首先這些城市的信息都是從后台的server里面獲取的,所以我們需要一個后台,后台的代碼可以從 https://github.com ...

Mon Jun 26 19:36:00 CST 2017 4 1767
vue組件(Vue+webpack項目實戰系列之三)

組件(Component)是 Vue.js 最強大的功能之一。組件可以擴展 HTML 元素,封裝可重用的代碼。特別對於大型應用開發來說,盡量組件化,並且先造好輪子庫,不要重復去寫組件,這會顯著提升項目開發效率。(當然自己不想寫組件的童鞋也可以引入第三方庫)。 自己寫組件我們弄清楚以下五個問題 ...

Wed Jun 21 06:12:00 CST 2017 0 2743
vue全家桶(Vue+Vue-router+Vuex+axios)(Vue+webpack項目實戰系列之二)

Vue有多優秀搭配全家桶做項目有多好之類的咱就不談了,直奔主題。 一、Vue   系列一已經用vue-cli搭建了Vue項目,此處就不贅述了。 二、Vue-router   Vue的路由,先獻上文檔(https://router.vuejs.org/zh-cn/)。   路由在全家桶里面 ...

Thu Jun 22 16:41:00 CST 2017 4 49515
vue全家桶(Vue+Vue-router+Vuex+axios)(Vue+webpack項目實戰系列之二)

Vue有多優秀搭配全家桶做項目有多好之類的咱就不談了,直奔主題。 一、Vue   系列一已經用vue-cli搭建了Vue項目,此處就不贅述了。 二、Vue-router   Vue的路由,先獻上文檔(https://router.vuejs.org/zh-cn/)。   路由在全家桶里面 ...

Tue Jun 20 19:54:00 CST 2017 0 1185
Vue實戰Vue-cli項目構建(Vue+webpack系列之一)

Vue比較長一段時間了,大大小小做了一些項目,最近想總結一下知識點,出一個Vue+webpack系列,先從項目構建說起——vue-cli. 由於是Vue+webpack這里就不贅述git那些東西(用cmd也沒問題),默認環境都配置好了。 第一步先建立一個文件夾我這里是apronew ...

Thu Jun 22 05:27:00 CST 2017 4 3148
Vue實戰Vue-cli項目構建(Vue+webpack系列之一)

Vue比較長一段時間了,大大小小做了一些項目,最近想總結一下知識點,出一個Vue+webpack系列,先從項目構建說起——vue-cli. 由於是Vue+webpack這里就不贅述git那些東西,默認環境都配置好了。 第一步先建立一個文件夾我這里是apronew; 第二步在文件夾里面打開 ...

Tue Jun 20 04:03:00 CST 2017 0 1942
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM