vue.js - 收藏集 - 掘金

手摸手，帶你用vue擼後臺 系列一 - 掘金
項目地址 前言 說好的教程終於來了，第一篇文章主要來講一說在開始寫業務代碼前的一些準備工做吧，但這裏不會教你webpack的基礎配置，熱更新怎麼作，webpack速度優化等等，有需求的請自行google。 目錄結構 ├── build ...

vue 全家桶 SPA 先後分離的圖文多人 blog 系統 - 前端 - 掘金
fanpian this is for learning vuejs ...

Vue.js 一個超長列表無限滾動加載的解決方案 - 前端 - 掘金
在線DEMO 序 衆所周知，列表滾動加載這種需求很常見，特別是在移動webapp上。Github上各款移動端ui框架都會包含滾動加載功能的組件，但它們每每只提供很基礎的功能，例如簡單地監聽滾動條並在知足條件的時候觸發回調，而後經過某些方法把新的元素...

Vuex Demo 講解 - 掘金
做者: 混元霹靂手-ziksang vuex官網的專業術語，讓有些人仍是感受，摸不着頭腦，作一些實用場景給你們看 state 用來數據共享數據存儲 mutation 用來註冊改變數據狀態 getters 用來對共享數據進行過濾操做 action 解決異步...

前端 vue2 + 後端 koa2, 全棧式開發 bilibili 首頁 - 前端 - 掘金
預覽地址： http://www.lybenson.com/bilib... 前言 ...

基於Vue 2.0高仿 今日頭條 單頁應用——vue-toutiao - 掘金
vue-toutiao 這是用 vue.js 2.0 高仿 今日頭條 的移動端項目，結合了原生app的部分功能以及網頁版。 前言 本人是 今日頭條 的重度用戶，在學習vue.js過程當中，在GitHub上看到了不少高仿webapp的好項目。由此在有了必定的技術...

Vue全家桶實現還原豆瓣電影wap版 - 掘金
用vue全家桶仿寫豆瓣電影wap版。 最近在公司項目中嘗試使用vue，但奈何本身初學水平有限，上了vue沒有上vuex，開發過程特別難受。 因而玩一玩本項目，算是對相關技術更加熟悉了。 原計劃仿寫完全部頁面，礙於豆瓣的接口API有限，實現頁面也有限。 因爲公...

vuex 快速上手 - 前端 - 掘金
Vuex 理解 簡單解釋下： Vuex 使用 單一狀態樹,通俗理解就是一個應用的數據集合，能夠想象爲一個「前端數據庫」，讓其在各個頁面上實現數據的共享，而且可操做 Vuex 規定，屬於應用層級的狀態只能經過 Mutat...

vue-router 的三種加載方式速度對比 - 前端 - 掘金
ensure 方式// const Index = r => require.ensure([], () => r(require('@/views/deposit/deposit_index')), 'Index') // const Produ...

一個基於vue二、koa2和mongodb的博客 - 掘金
博客終於差很少寫完了，雖然仍是可能有一堆bug, 不過我火燒眉毛要寫一篇博文來分享了= = 博客前臺展現 博客前臺展現 博客後臺展現 博客後臺展現博客後臺編輯 項目地址 github地址：https://github.com/BUPT-HJM/v...

Vue2.0 全家桶開發的吾記網頁版｜開源 - 前端 - 掘金
登陸註冊模塊 日記列表 日記建立與編輯 日記詳情 ...

Vue 小項目的最佳實踐 - 掘金
項目簡介 目前一期只是爲App內某個模塊資訊模塊文章的分享和APP下載，後續還會有更多的功能,爲了項目可擴展、可伸縮結合了我之前的實踐搭建了此項目項目地址,若是這個簡單的項目能給您帶來幫助請給小哥哥⭐Star好很差（手動筆芯）。 功能 根據分享出來的文章I...

Vue音樂播放器2.0升級版來了 - 掘金
Vue.js音樂播放器2.0 以前初學Vue作了一個音樂播放器，受到很多人的喜歡。如今升級版來了！功能更強，技術棧更多：Vue2.0、Vuex、vue-router、axios、SASS(SCSS)、Express(上線版本是Koa2)、Webpack、ES6...

使用 vue2+vue-router2+axios+es6+webpack2 完成的 SPA 我的簡歷 - 前端 - 掘金
我的簡歷 這是一個開源的我的簡歷項目.工做之餘使用vue練練手。你們能夠在本項目中不只僅能夠學習瞭解如下的框架/庫，同時還能夠了解關於代碼結構組織,模塊化,前端構建等內容。這個項目纔剛開始，我會帶着你們完...

基於 Vue2 實現的仿手機 QQ 單頁面應用（接入聊天機器人） - 前端 - 掘金
概述 使用Vue2進行的仿手機QQ的webapp的製做，在ui上，參考了設計師kaokao的做品，做品由我的獨立開發，源碼中進行了詳細的註釋。 因爲本身也是初學Vue2，因此註釋寫的不夠精簡，請見諒。 ...

Vue.js 插件開發詳解 - 掘金
前言 隨着 Vue.js 愈來愈火，Vue.js 的相關插件也在不斷的被貢獻出來，數不勝數。好比官方推薦的 vue-router、vuex 等，都是很是優秀的插件。可是咱們更多的人還只停留在使用的階段，比較少本身開發。因此接下來會經過一個簡單的 vue-toa...

vue 仿 163musicPC 端 (支持pc端經常使用功能) - 前端 - 掘金
前言 vue2愈來愈受歡迎，無奈如今在公司作的平臺是以ng1.x爲主，一直沒有機會練手vue2，雖然寫過一些小demo，可是與完整的項目相比較中間會少不少東西。因而趁在公司空閒的時候以及週末雙休，本身用vue2複寫了163musicPC端。相比...

打造 Vue.js 可複用組件 - 前端 - 掘金
Vue.js 是一套構建用戶界面的漸進式框架。咱們可使用簡單的 API 來實現響應式的數據綁定和組合的視圖組件。 從維護視圖到維護數據，Vue.js 讓咱們快速地開發應用。但隨着業務代碼日益龐大，組件也愈來愈...

Vue2 後臺管理系統解決方案 - 前端 - 掘金
基於Vue.js 2.x系列 + Element UI 的後臺管理系統解決方案。線上地址 前言 以前在公司用了Vue + Element組件庫作了個後臺管理系統，基本不少組件能夠直接引用組件庫的，可是也有一些需求沒法知足。像圖...

vue 上傳圖片預覽以及刪除組件 - 前端 - 掘金
上傳圖片預覽以及刪除的vue組件 git clone 到本地，打開 index.html 就能夠了...

3-vuejs2.0 實戰：仿豆瓣 app 項目，建立 Swipe 圖片輪播組件 - 前端 - 掘金
swipe圖片輪播無論是在pc端，仍是移動端都是常見的效果，在這一章將用開源插件swiper完成一個比較簡單的swipe循環輪播組件.最近公司太忙，更新慢，請見諒~~ 官網介紹： Swiper是純javascript打造的滑動特效插件，面向手機、平...

低仿餓了麼 H5 - 純前端 Vue 版 + 手把手教學 - 前端 - 掘金
低仿餓了麼H5-純前端Vue版+手把手教學 這是一個低仿餓了麼H5的純前端練手，數據是僞造的，寫的比較粗糙，寫這個的目的是爲了加深一下熟練度，半年前看到別人寫的仿cnodejs網站，我也用vue1仿了cnodeJs的網站，當時寫的也是粗糙的使人髮指，在線預覽：...

Vue2.0 探索之路——生命週期和鉤子函數的一些理解 - 前端 - 掘金
前言 在使用vue一個多禮拜後，感受如今還停留在初級階段，雖然知道怎麼和後端作數據交互，可是對於mounted這個掛載還不是很清楚的。放大之，對vue的生命週期不甚瞭解。只知道簡單的使用，而不知道爲何，這對後面的踩坑是...

企鵝社區移動版Vue2.0升級手記 - 掘金
騰訊雲技術社區-掘金主頁持續爲你們呈現雲計算技術文章，歡迎你們關注！ 劉小松：2010年加入騰訊，從事區域業務的應用開發，具有十餘年的項目經驗。在Vue的應用、騰訊新聞和微信的SPA開發有深度實踐。 前言 企鵝社區移動版前端採用VUE 1.0開發。隨着...

(譯) 使用 Vue.js 和 Axios 從第三方 API 獲取數據 — SitePoint - 前端 - 掘金
更多的每每不是，創建你的JavaScript應用程序時，你會想把數據從遠程源或消耗一個[ API ]（https：/ /恩。維基百科。org /維基/ application_programming_interface）。我最近看了一些[公開]（https:/...

寫個vue-emoji組件。 - 掘金
最近公司需求作個相似於QQ空間的項目(其實開始的時候我是崩潰的),好在歷時一個月的時間,也終於進入測試的階段。完成項目過程當中，發現並無一個好用的emoji插件，因而寫了一個簡單的component，但願對各位有所幫助（若能順手給個start, 那便再好不過了...

基於Vue 2.0高仿 今日頭條 單頁應用——vue-toutiao - 掘金
vue-toutiao 這是用 vue.js 2.0 高仿 今日頭條 的移動端項目，結合了原生app的部分功能以及網頁版。 前言 本人是 今日頭條 的重度用戶，在學習vue.js過程當中，在GitHub上看到了不少高仿webapp的好項目。由此在有了必定的技術...

Vue.js 開發實踐：實現精巧的無限加載與分頁功能 - 閱讀 - 掘金
本篇文章是一篇Vue.js的教程，目標在於用一種常見的業務場景——分頁/無限加載，幫助讀者更好的理解Vue.js中的一些設計思想。與許多Todo List類的入門教程相比，更全面的展現使用Vue.js完成一個需求的思考過程；與一些構建大型應用的高階教程相比，又...

Vue2 全家桶與微信開發 - 前端 - 掘金
此項目自己有一個APP了，爲了方便將APP和微信端數據打通，須要用戶微信和APP用戶綁定。在開發的過程當中單頁面的模式在微信JS API的配置踩了不少坑，特別是IOS。因爲本人表述能力和篇幅有限Orz，這裏只介紹關鍵的實現步驟和代碼，有些安全的地方和路由地方處理...

Vue 小項目的最佳實踐 - 掘金
項目簡介 目前一期只是爲App內某個模塊資訊模塊文章的分享和APP下載，後續還會有更多的功能,爲了項目可擴展、可伸縮結合了我之前的實踐搭建了此項目項目地址,若是這個簡單的項目能給您帶來幫助請給小哥哥⭐Star好很差（手動筆芯）。 功能 根據分享出來的文章I...

Vue-cli 圖文視頻教程 - 前端 - 掘金
Vue-cli是vue官方出品的快速構建單頁應用的腳手架，若是你是初次嘗試Vue，我不建議使用，推薦你老老實實用普通引入javascript文件的方式進行學習（你能夠去看個人vue視頻教程的1-4季），這裏牽扯的東西不少，有webpack，npm，nodejs...

學習 Vue 20 天，我寫了點東西 - 前端 - 掘金
往昔 最初團隊裏使用Angularjs進行開發，剛開始還好，到了項目後期愈加感受Angularjs過重了，以致於後來重構項目時，毅然放棄Angularjs，投入了Vue的懷抱。除了組建團隊時，是我搭建了基於Angularjs的前端開發框架，以後都是由前端小組開...

開源一個 Vue.js + Node.js 的後臺管理系統 - 前端 - 掘金
Vue Management System ...

Vue2.0 進階組件篇 3 值得一看的（Toast 組件） - 掘金
做者 混元霹靂手-ziksang 如今發覺睡覺的時間愈來愈少，項目愈來愈多，組件越寫越停不下來，由於過段時間要作一個技術分享，還有不少趕着急的項目等着我，今天不睡覺也要把這個教程寫完分享給你們，若是你們想參加個人技術分享請用微信打開個人分享會，歡迎你們收聽h...

Vue2.0進階組件篇1 教你秒擼（短信倒計時組件） - 掘金
做者 混元霹靂手-ziksang 本來我想隔個幾天再發文章，恰好今天項目上線，環境有問題，致使只有乾等，恰好要爲公司打造一套屬於公司本身的一系列功能組件，這個使命就交給我了，你們也一直叫我來點乾貨，說實話我只是一個溼貨，肚子裏幹一點就給大家出點貨，那從今天開...

基於 element-ui 的單頁面後臺管理項目模版 - 前端 - 掘金
基於 element-ui 的單頁面後臺管理項目模版 技術棧 element-ui-admin 項目演示 vue vue-resource ...

史上最詳細 VUE2.0 全套 demo 講解 基礎4（條件渲染） - 掘金
做者 ： 混元霹靂手 - Ziksang 三篇基礎發佈以後，收到最多的就是謝謝樓主，其次的就是錯別字有點多，這篇我確定寫完以後讀三遍，如今已是夜裏2點了，若是還有沒有發現你們就容忍一下，此次我將要講的是條件渲染，對於條件渲染我以爲思來思去真沒有什麼好寫的，...

Vue2 後臺管理系統解決方案 - 前端 - 掘金
基於Vue.js 2.x系列 + Element UI 的後臺管理系統解決方案。線上地址 前言 以前在公司用了Vue + Element組件庫作了個後臺管理系統，基本不少組件能夠直接引用組件庫的，可是也有一些需求沒法知足。像圖...

Vue.js 插件開發詳解 - 掘金
前言 隨着 Vue.js 愈來愈火，Vue.js 的相關插件也在不斷的被貢獻出來，數不勝數。好比官方推薦的 vue-router、vuex 等，都是很是優秀的插件。可是咱們更多的人還只停留在使用的階段，比較少本身開發。因此接下來會經過一個簡單的 vue-toa...

Vue 知乎日報又又又來了，同樣的配方不同的味道 - 前端 - 掘金
聲明 api來自知乎( 知乎Zhihu ), 項目中全部內容的一切權利屬於知乎, 本項目全部內容及代碼僅供私下學習參考, 不得做爲其餘用途 簡介 ...

Vue.js 和 Wilddog 仿騰訊管家真假朋友第二季 H5 活動頁面 - 前端 - 掘金
一個使用Vue和wilddog仿的騰訊手機管家真假朋友第二季H5頁面。 體驗 可點開連接https://humih.github.io/li...

Vue 入門實戰項目——知乎日報 - 前端 - 掘金
這是一個基於Vue全家桶開發的知乎日報WebApp，頁面樣式主要參考iOS版知乎日報APP。 我的博客：陳鈺博的博客 項目github地址：vue-zhihu-daily ...

史上最詳細VUE2.0全套demo講解 基礎2（列表渲染） - 掘金
做者 ：混元霹靂手-Ziksang 在基礎1發佈以後，我真心發現，根據api進一步分析，再結合工做中的實際demo給你們講解以後，大清早就收穫了平均一分種一個喜歡，這使我很欣慰，本身的努力沒有白費，我決心稱熱打鐵立刻出擊，打造基礎2，在基礎上的部分我將給你們...

史上最詳細VUE2.0全套demo講解 基礎1（模板語法） - 掘金
做者 : 混元霹靂手 ziksang 一開始在vue1.0的時候我就開始關注掘金的vue專欄，可是一直給我一種感覺，真正能靜下心來給讀者寫好每個細講，每個講解點，我以爲是最重要的，雖然我沒有什麼能力給你們帶來像iview,mint ui等一系列大牛的基礎...

JSPangAdmin Vue2.0 後臺開源系統 - 前端 - 掘金
一個創建在Vue2.0框架基礎上的後臺管理系統，它包含了後臺所用的前端樣式和經常使用組件。它能夠快速的幫你搭建基於Vue的後臺管理系統。 相關技術 Vue-cli + element + eCharts ...

Vue2.0 探索之路——生命週期和鉤子函數的一些理解 - 前端 - 掘金
前言 在使用vue一個多禮拜後，感受如今還停留在初級階段，雖然知道怎麼和後端作數據交互，可是對於mounted這個掛載還不是很清楚的。放大之，對vue的生命週期不甚瞭解。只知道簡單的使用，而不知道爲何，這對後面的踩坑是...

【vue+axios】一個項目學會前端實現登陸攔截 - 前端 - 掘金
一個項目學會vue全家桶+axios實現登陸、攔截、登出功能，以及利用axios的http攔截器攔截請求和響應。 前言 ...

Vue.js 實戰經驗小結 - 前端 - 掘金
Vue.js介紹 Vue.js（讀音 /vjuː/, 相似於 view） 是一套構建用戶界面的 漸進式框架。與其餘重量級框架不一樣的是，Vue 採用自底向上增量開發的設計。Vue 的核心庫只關注視圖層，而且很是容易學習，很是容易與其...

基於 vue2+vue-router+vuex2+axios+elementUI 作的自動化後臺基礎模板 - 前端 - 掘金
這是一個功能強大的自動化後臺框架基礎模板，基於vue2實現，用到的技術包含：vue2,vue-router,vuex2,axios,ElementUI。 ...

基於 vue+vuex+localStorage 開發的本地記事本 - 前端 - 掘金
本文采用vue2.0+vuex+localStorage+sass+webpack，實現一個本地存儲的記事本。兼容PC端和移動端。在線預覽地址：DEMO ...

詳解 Vue & Vuex 實踐 - 某熊的全棧之路 - 知乎專欄 - 前端 - 掘金
詳解 Vue & Vuex 實踐翻譯自Vue + Vuex — Getting started，承接自 2017 Vue.js 2快速入門指南，從屬於Web 前端入門與工程實踐。 隨着應用複雜度的增長，咱們須要...

vue2.0 一塊兒在懵逼的海洋裏越陷越深（一） - 前端 - 掘金
本文章系列：vue2.0一塊兒在懵逼的海洋裏越陷越深 (http://leenty.com/tags/vuejs/) 就在今年的10月份，Vue2.0發佈啦，來懵逼的海洋裏一塊兒下沉吧！ 前段陣子都沒有發隨筆，一方面要準備一場考試，另外一方面是在研究vue...

vue2.0 一塊兒在懵逼的海洋裏越陷越深（二） - 前端 - 掘金
本文章系列：vue2.0一塊兒在懵逼的海洋裏越陷越深 (http://leenty.com/tags/vuejs/) 說好了一塊兒懵逼，那麼咱們繼續下沉 在上一篇裏已經將vue2.0須要的依賴都裝齊了那麼接下來由於vue最後生成的頁面看似靜態頁面(對於靜...

vue2.0 一塊兒在懵逼的海洋裏越陷越深（三） - 前端 - 掘金
本文章系列：vue2.0一塊兒在懵逼的海洋裏越陷越深 (http://leenty.com/tags/vuejs/)前面寫了vue-router組件的初步用法，原來此次想寫vuex的，可是想一想仍是先繼續把vue-router寫完吧? 上回說到: vu...

vue2.0 一塊兒在懵逼的海洋裏越陷越深（四） - 前端 - 掘金
前言 本文章系列：vue2.0一塊兒在懵逼的海洋裏越陷越深 (http://leenty.com/tags/vuejs/)前面一篇講了vue-router的router-link,有讀者說但願能先看到vuex的文章其實vuex在個人vue2.0的demo裏已經在...

vue2.0 一塊兒在懵逼的海洋裏越陷越深（五） - 前端 - 掘金
前言 本文章系列：vue2.0一塊兒在懵逼的海洋裏越陷越深 (http://leenty.com/tags/vuejs/)以前的幾篇文章的說了vue-router以及vuex的簡單使用，此次就開始組合這二者進行實際應用。場地呢就在個人vue2.0Demo,這是源...

vue2.0 一塊兒在懵逼的海洋裏越陷越深（六） - 前端 - 掘金
前言 本文章系列：vue2.0一塊兒在懵逼的海洋裏越陷越深 (http://leenty.com/tags/vuejs/)演示場地vue2.0 Demo,這是源碼地址,以爲靠譜的話歡迎加星跟隨,有問題歡迎評論和指正? 在vue開發SPA應用的過程當中，多數狀況下...

Vue 組件學習 (2)：slot 內容分發，編譯做用域，動態切換組件 - 前端 - 掘金
組件這內容太多了，被迫分紅2部分。上節最後講了props進行父子組件通信，這裏接着來。 父子組件通訊 ...

Vue.js 學習系列三——axios 學習實踐 - 前端 - 掘金
在學習了以前的路由vue-router和狀態管理vuex以後，就應該是網絡交互了。就學習尤大推薦的axios了。恰好本人對網絡請求這塊除了會get、put、post和delete這四個方法以外知之甚少，恰好補全上。 ...

Vue.js 學習系列二 —— vuex 學習實踐筆記（附 DEMO） - 前端 - 掘金
上次學習了vue-router的使用，讓我可以在各個頁面間切換，將頁面搭建了起來。此次則要學習vue的狀態管理模式——vuex。它相似於redux來應用的全局狀態。 注：本文只是我的對vuex學...

Vue.js 學習系列一 —— vue-router2 學習實踐筆記（附 DEMO） - 前端 - 掘金
想學習Vue的SPA應用，路由這一塊是必不可少的。相信不少和我同樣剛接觸前端的朋友對於路由這玩意是很困惑的。因此在我學習併成功使用了vue-router後，將個人我的經驗分享出來，但願可讓一樣對路由不知所措的同窗有所幫助。 ...

2017 Vue.js 2 快速入門指南 - 前端 - 掘金
2017 Vue.js 2快速入門指南翻譯自Vue.js 2 Quickstart Tutorial 2017從屬於 Web 前端入門與工程實踐。Vue與React都是很是優秀的前端界面輔助庫，筆者在工做中使用React會多一點，不過在...

Vue2 實戰：模仿賣座電影 - 前端 - 掘金
使用Vue2.0全家桶仿製賣座電影 倉庫：https://github.com/ChuckCZC/v... ...

使用 vue.js 構建一個知乎日報 - 前端 - 掘金
Vue.js是我所喜好的，知乎也是我喜好的，突發奇想使用vue作了一個知乎日報 項目地址： Github地址在線預覽demo 設計： 1.設計上沒有按照知乎日報客戶端的交互及UI設計來作，本渣親自捏了一個，顏色以黑白灰爲主，原本想加入知乎的藍色，可是本渣設計...

Vue + webpack 項目實踐 - 前端 - 掘金
Vue + webpack 項目實踐 最近在內部項目中作了一些基於 vue + webpack 的嘗試，在小範圍和同事們探討以後，仍是蠻多同窗承認和喜歡的，因此經過 blog 分享給更多人。 首先，我會先簡單介紹一下 vue 和 webpack： (固然若是你...

簡約至上，美炸了的 Vue 圓環菜單組件 - 前端 - 掘金
API Props ...

[[vue 最新實戰] gank 客戶端（vue2 + vue-router2 + vuex +webpace + es6）新手福利，乾貨多多 - 前端 - 掘金](https://juejin.im/entry/58799...
vue-meizi 本項目是基於vue2最新實戰項目，是適合新手進階的絕佳教程。代碼簡單易懂，註釋多多。實現了移動端使用最多的 無限滾動，圖片加載，左右滑動，等待。先發布預覽版本，後面更多更全的功能和教程將會陸續發出。 ...

基於 vue 開發的移動端 H5 積分商城項目 - 前端 - 掘金基於 vue@1.0 開發的移動端 H5 積分商城項目 vue vue-ruoter vue-resource webpack...