希望每一位同學(xué)可以親自將每行代碼進(jìn)行一次嘗試！記得對于學(xué)習(xí)代碼來講慢慢來才會(huì)更快！ 現(xiàn)在咱們先拋開vuex，一起來做一個(gè)如上圖一樣的切換案例： ...
投稿
收錄了60篇文章 · 333人關(guān)注
-
真正掌握vuex的使用方法（五）
-
vue 各種 import 引入
1 引入第三方插件 2 引入工具類 說到這 export 和 export default 又有什么區(qū)別呢？下面看下區(qū)別 3.導(dǎo)入 css文件...
-
將Vue項(xiàng)目打包為桌面應(yīng)用（.exe）
背景 在完成直播功能以后，需要一個(gè)顯示直播時(shí)用戶的評論（即時(shí)通訊）的應(yīng)用，之前沒有接觸過桌面應(yīng)用，沒想到vue的功能這么強(qiáng)大，網(wǎng)上有很多比較成熟...
-
基于Vue的上傳+預(yù)覽圖片（類似于微信的發(fā)布動(dòng)態(tài)）很早就想分享給大家了。由于比較忙且懶-，之前開發(fā)有這樣一個(gè)需求，像微信朋友圈一樣發(fā)布動(dòng)態(tài)的一個(gè)功能。剛開始想嘗試百度下有沒有合適的插件。百度了很...
-
Vue+Koa2實(shí)現(xiàn)文件的上傳和下載
客戶端的準(zhǔn)備：采用Vue+iview的Upload組件實(shí)現(xiàn)。 可以發(fā)現(xiàn)，上面的代碼我只是從官網(wǎng)上隨便拷貝了一下做了簡單的修改，但已經(jīng)可以將文件上...
-
vue ...擴(kuò)展符報(bào)錯(cuò)發(fā)現(xiàn)在項(xiàng)目中,一運(yùn)用...擴(kuò)展運(yùn)算符就提示報(bào)錯(cuò)。后來百度解決了。主要原因出于babel配置有點(diǎn)問題新安裝了npm install --save-...
-
Vue學(xué)習(xí)筆記之路由（二）vue路由的使用 vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，適合用于構(gòu)建單頁面應(yīng)用。vue的單頁面應(yīng)用是基...
-
超詳細(xì)動(dòng)手搭建一個(gè)Vuepress站點(diǎn)及開啟PWA與自動(dòng)部署超詳細(xì)動(dòng)手搭建一個(gè)Vuepress站點(diǎn)及開啟PWA與自動(dòng)部署 五一之前就想寫一篇關(guān)于Vuepress的文章,結(jié)果朋友結(jié)婚就不了了之了。記得最后一...
-
vue-router 之 keep-alive
本文基于 Vue2.0 keep-alive 簡介 keep-alive 是 Vue 內(nèi)置的一個(gè)組件，可以使被包含的組件保留狀態(tài)，或避免重新渲染...
-
vue中eventbus被多次觸發(fā)（vue中使用eventbus踩過的坑）一開始的需求是這樣子的，我為了實(shí)現(xiàn)兩個(gè)頁面組件之間的數(shù)據(jù)傳遞，假設(shè)我有頁面A，點(diǎn)擊頁面A上的某一個(gè)按鈕之后，頁面會(huì)自動(dòng)跳轉(zhuǎn)到頁面B，同時(shí)我希望將...
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/278702/1473011629.jpg', '推薦專題《Vue》（ 分享自 @簡書 ）','http://www.itdecent.cn/c/c1c2e8f22fbc?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁面編碼gb2312|utf-8默認(rèn)gb2312'));){kind=link}