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?
已存档?
是复刻?
已锁定?
是镜像?
是私有?