摘要:說(shuō)明上一章從創(chuàng)建到完整的項(xiàng)目路由蒼渡大神項(xiàng)目源碼地址地址下一章布局以及框架咱們先看一下的效果圖,原網(wǎng)址在此接下來(lái)用什么框架呢因?yàn)橐郧坝玫氖?,所以這次用練練手,文檔在此首先下載結(jié)果如圖那兩個(gè)警告說(shuō)的啥我也不懂,先不管大神指
說(shuō)明
上一章--vue從創(chuàng)建到完整的項(xiàng)目(2)路由
蒼渡大神項(xiàng)目源碼地址--Github地址
下一章--Home布局以及vue-resource
UI框架咱們先看一下home.vue的效果圖,原網(wǎng)址在此
接下來(lái)用什么UI框架呢?因?yàn)橐郧坝玫氖?b>weui,所以這次用mint-ui練練手,文檔在此
首先下載
npm install mint-ui -S
結(jié)果如圖那兩個(gè)警告說(shuō)的啥我也不懂,先不管(大神指點(diǎn))
下載好了,怎么用呢?先打開(kāi)main.js引入
import Mint from "mint-ui" import "mint-ui/lib/style.css" Vue.use(Mint)
管不管用不試試怎么知道?打開(kāi)home.vue修改如下
運(yùn)行試試
進(jìn)度條出現(xiàn)!眼淚都快留下來(lái)了,這下該寫頁(yè)面了吧????。?!
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/84838.html
摘要:咱們?cè)诘谝徽聞?chuàng)建的時(shí)候已經(jīng)安裝了。而從創(chuàng)建到使用到結(jié)束分為了十個(gè)周期,稱為生命周期鉤子,而是把數(shù)據(jù)加載的的時(shí)候調(diào)用這是我目前的理解。中有兩個(gè)函數(shù),第一個(gè)是請(qǐng)求成功的函數(shù),第二個(gè)是請(qǐng)求失敗的函數(shù)。 說(shuō)明 1.上一章--引入U(xiǎn)I框架2.蒼渡大神Github源碼地址--源碼地址3.UI框架用的是Mint UI,上一章已經(jīng)引入4.數(shù)據(jù)接口地址--Github5.下一章--v-for,v-bin...
摘要:首先在下創(chuàng)建文件夾,在下創(chuàng)建文件,所有的路由控制都寫在這個(gè)文件里。表示路徑,表示顯示的頁(yè)面要顯示哪個(gè)文件,表示的嵌套的路由。 說(shuō)明 上一篇地址--創(chuàng)建 蒼渡大神Github項(xiàng)目源碼地址--源碼地址 下一篇地址--引入U(xiǎn)I框架 home.vue 創(chuàng)建 根據(jù)源碼,先在src文件夾下新建文件夾page,在page中新建home文件夾,在home文件夾中新建home.vue,hom...
摘要:的命令都用來(lái)開(kāi)頭。用來(lái)綁定屬性。排序思路重新創(chuàng)建一個(gè),鍵名是從到,鍵值就是獲取的數(shù)據(jù)的鍵值。計(jì)算函數(shù)寫在哪一種方法是寫在生命周期的數(shù)據(jù)請(qǐng)求里,直接返回一個(gè)處理好的,但咱們用另一種方法計(jì)算屬性。把這個(gè)加到城市名字的上即可解決。 說(shuō)明 1.上一章--Home.vue及vue-resource使用2.cangdu大神的項(xiàng)目源碼地址--Github地址3.接口地址--Github地址4.UI框...
摘要:注此項(xiàng)目純屬個(gè)人瞎搞,正常下單請(qǐng)選擇餓了么官方客戶端。目前下單功能已經(jīng)實(shí)現(xiàn),下單功能完全采用官網(wǎng)真實(shí)數(shù)據(jù),可以控制官網(wǎng)發(fā)短信或者打電話到指定的手機(jī)號(hào)碼,下單后可以在手機(jī)中查看并且付款。 前言 vue2的發(fā)布后自己也研究了一段時(shí)間,奈何公司的技術(shù)棧是以react為主,沒(méi)有機(jī)會(huì)好好利用vue2去做一個(gè)完整的項(xiàng)目。雖然寫了幾個(gè)demo,但和寫一個(gè)完整的項(xiàng)目還是有很大差別的。于是自己想著用空余...
閱讀 3058·2021-11-19 11:31
閱讀 3148·2021-09-02 15:15
閱讀 1002·2019-08-29 17:22
閱讀 1072·2019-08-29 16:38
閱讀 2475·2019-08-26 13:56
閱讀 845·2019-08-26 12:16
閱讀 1448·2019-08-26 11:29
閱讀 941·2019-08-26 10:12