nodeJS vue elementUI mock学习过程笔记,仅用于个人记录巩固

简单的说 Node.js 就是运行在服务端的 JavaScript。

Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。

Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。

nodeJS 安装后自带一个npm功能。

npm可以说是一个命令行工具:可以下载和上传依赖包。

安装依赖包的时候可以本地安装和全局安装。

本地安装npm install <modules name>

全局安装npm install <modules name> -g

一般安装依赖都用npm来安装和更新。

下载每个依赖包后,都会下载到一个 modules目录下。该目录下会有一个package.json文件:

package.json文件说明:

author: 生成这个依赖包的作者。

Dependentes: 依赖的各种包和版本号。

main:程序主入口

name:模块名称。

description:模块描述。

contributors: 模块的其他贡献者。

卸载模块:npm uninstall <modules name>

更新模块:npm install <modules name>

开启一个服务即开启了一个vue实例。一个vue实例的生命周期:

做一个页面过程中遇到的问题:
menu.json在menuConfig.js文件中渲染。

在menu.json中配置菜单名称。

menu配置属性:

name:菜单名称。

icon:菜单图片。

path:菜单URL。即点击菜单后浏览器请求的URL。

systemKey:

children:子菜单。

菜单中配置的path同时也是该菜单下对应的页面目录地址。

点击菜单显示出对应页面后。

即要初始化一个获取数据的请求函数,可发送post或者get请求

定义好请求函数的名称和路由,该函数出发时就要根据配置的路由向后台发送请求。

请求完毕后有回调函数对返回的数据进行处理。

返回的数据给页面上的直复制好,给了elementUI在页面显示出来。

vue 启动一个实例后:

配置好页面模板 index.html ,写好每个模块的代码,布局等。启动一个实例的时候,每个模块或者布局得样式和js就会被加载到index.html 页面中然后被渲染出来。

原文地址:https://www.cnblogs.com/wangzhaoshuang/p/9965140.html