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/