vue-blog-demo

A Vue.js blog demo to demonstrate proper decoupling of api data and swapping of resources/providers

Github星跟蹤圖

A Killer Vue.js Blog Demo: Launch in 2 Hours Tops

vuejs-blog-demo

In this demo, I'm going to provide an open source Vue.js blog demo + cover.

Steps:

  • Setup and routing
  • Displaying your blog feed with filters
  • Displaying individual posts with comments
  • Creating a custom Vue plugin to keep your data decoupled

The result will be a JAMstack-ready, truly decoupled Vue blog you can plug to any data source—more on that later.

Read full tutorial on the blog

See live demo hosted on Netlify

Enjoy folks!

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

主要指標

概覽
名稱與所有者snipcart/vue-blog-demo
主編程語言JavaScript
編程語言JavaScript (語言數: 4)
平台
許可證
所有者活动
創建於2017-10-31 18:11:54
推送於2022-03-02 05:57:38
最后一次提交2020-01-06 14:43:17
發布數0
用户参与
星數476
關注者數18
派生數149
提交數54
已啟用問題?
問題數0
打開的問題數0
拉請求數11
打開的拉請求數7
關閉的拉請求數2
项目设置
已啟用Wiki?
已存檔?
是復刻?
已鎖定?
是鏡像?
是私有?