dongtianqi / Manhuaren
vue2.0全家桶,仿漫画人官网(移动端)
Stars: ✭ 18
Projects that are alternatives of or similar to Manhuaren
Vue Cnode
🔥Vue.js打造一个开源的CNode社区。CNode by Vue.js
Stars: ✭ 249 (+1283.33%)
Mutual labels: webpack, vuex, vuex2, sass, vuejs2, vue-router
Vue Music Player
🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Stars: ✭ 729 (+3950%)
Mutual labels: webpack, vuex, sass, vuejs2, vue-router
Dashboard
A dashboard scaffolding based on Vue.js 3.0 created by Vite.
Stars: ✭ 497 (+2661.11%)
Mutual labels: webpack, vue-cli, vuex, vuejs2, vue-router
Vue Home
🏠 A simple project(Vue Community SPA) which bases on vue+vue-cli+vue-router+axios+ scss.
Stars: ✭ 256 (+1322.22%)
Mutual labels: webpack, vue-cli, vuex, vuejs2, vue-router
Basix Admin
Get Free and Premium Vue.js Bootstrap v4 Admin Dashboard Templates
Stars: ✭ 138 (+666.67%)
Mutual labels: vue-cli, vuex, sass, vuejs2, vue-router
Vue2 Manage
基于 vue + element-ui 的后台管理系统
Stars: ✭ 11,345 (+62927.78%)
Mutual labels: webpack, vue-cli, vuex, vue-router, less
Vue Spa
vue-spa : vue + vue-router + axios + vuex + vux 快速成型移动端项目,直接使用。欢迎star
Stars: ✭ 46 (+155.56%)
Mutual labels: webpack, vuex, sass, vue-router, less
Vue2 Demo
Vue 基于 Genesis + TS + Vuex 实现的 SSR demo
Stars: ✭ 2,072 (+11411.11%)
Mutual labels: webpack, vue-cli, vuex, vuejs2, vue-router
Douban
Douban book website demo by server side render
Stars: ✭ 468 (+2500%)
Mutual labels: vue-cli, vuex, vuejs2, vue-router
Vue Develop Template
A Vue.js template that can support more than 100 thousand lines of code in our business, I hope it can help you too~
Stars: ✭ 481 (+2572.22%)
Mutual labels: vue-cli, vuex, vuejs2, vue-router
Vue Ts Daily
基于vue、Typescript、pwa的一款习惯养成app
Stars: ✭ 735 (+3983.33%)
Mutual labels: vue-cli, vuex, vuejs2, vue-router
Vue2 News
基于vue2 + vue-router + vuex 构建的一个新闻类单页面应用 —— 今日头条(移动端)
Stars: ✭ 462 (+2466.67%)
Mutual labels: webpack, vue-cli, vuex, vue-router
Vue Video
vue + vue-router + vuex + (fetch->axios)
Stars: ✭ 251 (+1294.44%)
Mutual labels: webpack, vuex, sass, vue-router
Nx Admin
👍 A magical 🐮 ⚔ vue admin,记得star
Stars: ✭ 2,497 (+13772.22%)
Mutual labels: webpack, vue-cli, vuex, vuejs2
Vue Admin Design
基于vue + elementUI的管理系统模板
Stars: ✭ 279 (+1450%)
Mutual labels: webpack, vue-cli, vuex, vue-router
Vue Admin Webapp
this is a admin project
Stars: ✭ 673 (+3638.89%)
Mutual labels: webpack, vue-cli, vuex, vue-router
Vue Project
基于vue-cli构建的财务后台管理系统(vue2+vuex+axios+vue-router+element-ui+echarts+websocket+vue-i18n)
Stars: ✭ 301 (+1572.22%)
Mutual labels: webpack, vuex, vuejs2, vue-router
Space Snake
A Desktop game built with Electron and Vue.js.
Stars: ✭ 289 (+1505.56%)
Mutual labels: webpack, vue-cli, vuex, vue-router
Vue Chat
📲 A web chat application. Vue + node(koa2) + Mysql + socket.io
Stars: ✭ 617 (+3327.78%)
Mutual labels: gulp, vue-cli, vuex, vue-router
Vue Chat
👥Vue全家桶+Socket.io+Express/Koa2打造一个智能聊天室。
Stars: ✭ 887 (+4827.78%)
Mutual labels: vuex, vuex2, vuejs2, vue-router
“简单却不失优雅,小巧而不乏大匠” 用这句话来形容vue最合适不过了。 随着移动端业务增加和pc页面复杂度的提升,vue也越来越受到众多互联网公司的青睐,天猫苏宁饿了么等好多公司开始用vue做重构了 作为一个前端狗,当然也想用vue来搞事啦,不过天猫京东被仿烂了,提不起兴趣,饿了么前面也有几位大神搞定了,思来想去,发现几个漫画类的网站界面比较友好, 累了还能追个漫画看,所以就选了 漫画人。
项目运行(nodejs 6.0+)
安装依赖
npm install
开启本地服务器localhost:8080
npm run dev
如果对您有帮助,您可以点右上角 "Star" 支持一下 谢谢!
或者您可以 "follow" 一下,我会发更多关于前端的好玩的项目,
也会发一些公司的项目,比如微信小程序,或者reactjs的项目,初步设想回头把nodejs学了,用这个做后台
项目简介
这个项目的界面数据是自己模拟的static/data.json,es6语法
路由配置:
const routes = [
{name:'home', path: '/home', component:home},
{name:'original', path: '/original', component: original},
{name:'details', path: '/details', component: details,
redirect:'/hua',
children: [
{
path: '/hua',
component: hua
},
{
path: '/fanwai',
component: fanwai
},
{
path: '/pinglun',
component: pinglun
}
]}
]
vuex 配置action,获取数据:
actions: {
//异步获取数据,commit给mutations,mutations改变state
getData(context){
axios({
method: 'get',
url: '../static/data.json',
data: ''
}).then(function(res){
context.commit('getData', res)
}).catch(function(err){
console.log(err)
})
}
}
})
mutations:
mutations: {
getData(state, res) {
state.getHomeData = {...state.getHomeData, home: res.data.home}
state.getTopData = {...state.getTopData, top: res.data.top}
}
}
创建vue实例,并挂载:
new Vue({
router,
store,
template: '<App/>',
components: {App}
}).$mount('#app')
项目(请用goole手机模式预览):
未完,持续更新中。。。
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].