/nf-vue-cnd

统一的在线演示的项目,有cnd模式的,也有工程化开发的项目的发布版本。

Primary LanguageJavaScriptMIT LicenseMIT

nf-vue-cnd

在线演示的项目的汇总,基本都是CDN模式的,这个做在线演示比较容易。

cnd模式

cnd模式下的一些小项目

cnd/project-template (工程化模板)

CDN 的工程化开发的模板。 从jQuery的思维转换到Vue工程化的思维的捷径。
不需要webpack、node、npm等,可以直接感受工程化带来的好处。

详细介绍:
https://github.com/naturefwvue/nf-vue-cnd/tree/main/cnd/project-template
在线演示:
https://naturefwvue.github.io/nf-vue-cnd/cnd/project-template/

cnd/project-admin (管理后台)

尝试一下,使用CDN工程化的方式做管理后台。还在完善中。

详细内容:
https://github.com/naturefwvue/nf-vue-cnd/tree/main/cnd/project-admin

在线演示:
https://naturefwvue.github.io/nf-vue-cnd/cnd/project-admin/

cnd/project (简单使用)

CDN的基础使用方式。

详细内容:
https://github.com/naturefwvue/nf-vue-cnd/tree/main/cnd/project

在线演示:
https://naturefwvue.github.io/nf-vue-cnd/cnd/project/

cnd/project-vuex (状态管理)

Vuex状态管理相关的尝试

详细内容:
https://github.com/naturefwvue/nf-vue-cnd/tree/main/cnd/project-vuex

在线演示:
https://naturefwvue.github.io/nf-vue-cnd/cnd/project-vuex/

cnd/project-axios (ajax和后端通信)

axios相关的尝试

详细内容:
https://github.com/naturefwvue/nf-vue-cnd/tree/main/cnd/project-axios

在线演示:
https://naturefwvue.github.io/nf-vue-cnd/cnd/project-axios/

cnd/init

vue全家桶 + UI库的加载方式,以及简单的使用方式。
在线演示:
https://naturefwvue.github.io/nf-vue-cnd/cnd/init

ES6基础知识的尝试

ES6 相关的一些演示代码

ES6/promise

promise 的简单封装 在线演示:
https://naturefwvue.github.io/nf-vue-cnd/ES6/promise/