虽然Vue2.0快来了，但我也利用1.0版本搭个CNode的Web App学习一下

JJChehe发布于 10 年前最后回复 10 年前

4494990

最近在学习Vue.js，因为实践是一种很好的学习方式，所以利用 Vue.js 和 CNodejs.org 提供的 API 搭建了一个Web APP。

访问地址：http://jchehe.github.io/mystatic/vue_cnode/ 源码地址：https://github.com/JChehe/vue_cnode PS: 你要★ Star ★我也不会拒绝哦^_^ 访问二维码：此处输入图片的描述

在此，也感谢 @shinygang 的用Vue.js编写了cnodejs.org的h5客户端(webapp) 项目，我从中也学到了一些知识。

由于经验不足，若各位大大发现应用或代码哪里有可以改进或不完善的地方，欢迎大家在提 issue 或 pr，也可以评论。

本地部署

当然，你也可以在本地部署该项目。

# install dependencies
npm install

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

# build for production with minification
npm run build

截图

list

首页_列表页 -

sidebar

侧边栏 -

topic

帖子 -

newpost

新帖 -

perinfo

个人信息 -

... ★ Star ★ ★ Star ★^_^

查看回复

JChehe#4410 年前

引用 dpc761218914貌似很不错。容易上手吗？来自酷炫的 CNodeMD

@dpc761218914 比较容易

dpc761218914#4310 年前

貌似很不错。容易上手吗？

来自酷炫的 CNodeMD

Fsoya#4210 年前

引用 Succy@Fsoya 你最后那句router.start(App, 'app')换成router.start(Vue.extend(App), ' app')试试

@Succy 试了不行是Vue.use(router)这报错了

Vue.use = function (plugin) {
    /* istanbul ignore if */
    if (plugin.installed) {
      return;
    }
    // additional parameters
    var args = toArray(arguments, 1);
    args.unshift(this);
    if (typeof plugin.install === 'function') {
      plugin.install.apply(plugin, args);
    } else {
      plugin.apply(null, args);
    }
    plugin.installed = true;
    return this;
  };

plugin.apply(null, args); 这个地方报错的

Succy#4110 年前

引用 Fsoya我参照你的方式配置路由一直不成功报错信息如下 vue.common.js?e881:10008 Uncaught TypeError: plugin.apply is not a funct...

@Fsoya 你最后那句router.start(App, 'app')换成router.start(Vue.extend(App), '#app')试试

Fsoya#4010 年前

我参照你的方式配置路由一直不成功

import Vue from 'vue'
import App from './App'
import VueRouter from 'vue-router'
import routerMap from './router'
import VueResource from 'vue-resource'

Vue.use(VueResource)
Vue.use(VueRouter)
var router = new VueRouter()

routerMap(router)

Vue.use(router)

router.start(App, 'app')

报错信息如下 vue.common.js?e881:10008 Uncaught TypeError: plugin.apply is not a function Vue.use @ vue.common.js?e881:10008 (anonymous function) @ main.js?3479:13 (anonymous function) @ app.js:699 webpack_require @ app.js:583 fn @ app.js:107 (anonymous function) @ app.js:637 webpack_require @ app.js:583 (anonymous function) @ app.js:629 (anonymous function) @ app.js:632 可以帮忙看下吗