From 72a6423cef618666be27b6e7f4ae2a0be243c6bf Mon Sep 17 00:00:00 2001 From: java110 <928255095@qq.com> Date: Thu, 19 Mar 2020 18:06:30 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/_sidebar.md | 4 ++-- docs/core/core.md | 37 +++++++++++++++++++++++++++++++++++++ docs/read/read.md | 8 ++++---- package.json | 1 - 4 files changed, 43 insertions(+), 7 deletions(-) create mode 100644 docs/core/core.md diff --git a/docs/_sidebar.md b/docs/_sidebar.md index 979346a38..51aeaf90e 100644 --- a/docs/_sidebar.md +++ b/docs/_sidebar.md @@ -5,8 +5,8 @@ * 说明 - * [vcFramework是什么](read/read.md) - * [生产环境部署](start/prod_install.md) + * [vcFramework说明](read/read.md) + * [核心介绍](core/core.md) * 系统功能 diff --git a/docs/core/core.md b/docs/core/core.md new file mode 100644 index 000000000..73bc096f8 --- /dev/null +++ b/docs/core/core.md @@ -0,0 +1,37 @@ +## vcFramework 核心介绍 + +$that 为一个vue对象(为兼容0.1 版本 vc.component 也是为一个vue对象),在页面加载最后去创建,页面组件中只存在一个vue对象,也就是多个组件公用一个vue对象,是用vc.extends()方法去继承 vue对象,extends参数介绍如下: + +>vc.extends({ +> propTypes: { +> +> }, +> data:{ +> +> }, +> watch:function(){ +> }, +> _initMethod:function(){ +> +> }, +> _initEvent:function(){ +> +> }, +> methods:{ +> +> } +> }); + +### propTypes节点 + +组件参数,一般情况下这个节点可以不用写,只有 引入组件时,需要传参时,才会用到。 + +### data节点 + +data节点就是vue的data节点用作数据绑定,data下的最好是一个对象,对象名取名为当前组件名+info组成,对象下再去写需要绑定的字段信息,这样做的目的是为 多个组件之间取相同的字段名称 导致影响显示效果。 + +### watch节点 + +watch节点为 vue的watch节点 + + diff --git a/docs/read/read.md b/docs/read/read.md index 9c991f255..0d4072ff6 100644 --- a/docs/read/read.md +++ b/docs/read/read.md @@ -1,7 +1,7 @@ ## 介绍 ### vcFramework 是什么 - vcFramework 是一套 前段组件化开发的套件,设计之初主要是为了解决前段不在依赖后端java等情况下完成组件化开发,也是为了改造HC小区管理系统为前后端分离系统。将一个目录下的HTML 文件和同名的JS文件定义为一个组件。 + vcFramework 是一套 依赖于vue的前段组件化开发的套件,设计之初主要是为了解决前段不在依赖后端java等情况下完成组件化开发,也是为了改造HC小区管理系统为前后端分离系统。将一个目录下的HTML 文件和同名的JS文件定义为一个组件。 ### 组件样例 @@ -20,8 +20,6 @@ 2、JS部分 文件名为 helloword.js > (function (vc) { -> var DEFAULT_PAGE = 1; -> var DEFAULT_ROWS = 10; > vc.extends({ > data: { > helloWordInfo: { @@ -39,4 +37,6 @@ > a: function () {} > } > }); ->})(window.vc); \ No newline at end of file +>})(window.vc); + +我们已经成功的构建了一个组件,可以在任何地方调用 \ No newline at end of file diff --git a/package.json b/package.json index 3a294f07f..5aa5f7dd1 100644 --- a/package.json +++ b/package.json @@ -8,7 +8,6 @@ "dependencies": { "cookie-parser": "~1.4.4", "debug": "~2.6.9", - "element-ui": "^2.13.0", "express": "~4.16.1", "express-http-proxy": "^1.6.0", "http-errors": "~1.6.3",