# vue_requireJS

**Repository Path**: 396957084/vue_require-js

## Basic Information

- **Project Name**: vue_requireJS
- **Description**: 抛开vue-cli 利用requireJS搭建一个前后端不分离vue项目
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2020-10-12
- **Last Updated**: 2021-12-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue_requireJS

#### 介绍
抛开vue-cli 利用requireJS搭建一个前后端不分离vue项目

#### 软件架构
软件架构说明
---内容开始---
现在学习vue都是利用脚手架vue-cli快速搭建一个项目，这是非常高效的方法，我是十分推荐的，但是有时候在没有互联网的情况，我们没办法在node环境下，敲一个nmp install XXX帮我们搭建系统。这边也遇到了这样的情况，记录一下过程，备忘。
采用的方式是利用requireJS搭建一个遵循AMD规则的vue项目。关于这一块，大家可以百度一下，查询相关资料熟悉requireJS的使用。

#### 使用说明
注意组件名称不要带大写字母，用-代替
1.  该项目包含了vuex和vue-router的基本用法，有兴趣的可以下载代码查看。
下载后，可以直接把项目放在nginx中，或放在tomcat中，可以直接看到前后端不分离的效果。

#### 安装教程

1.都是建立一个如下常规的简单的工程结构：
---lib	存放js库文件
---src	主要的编码位置，vue的组件都在这个地方编写
---index.html	整个项目的布局页（相当于asp.net mvc里面的_layout）
---index.js	项目脚本的入口
---require.conf.js 这部分代码我从index.js里面抽出来的，单独成一块，让整个项目显得更有结构，这里的代码是项目的入口。

2.在布局页引入require.js，注意在data-main指定了require执行的入口是require.config.js(requireJS默认解析js，扩展名可以省略）
3.在require.config.js是定制整个项目的依赖。
4.需要引入的vue都引入了，后面就是开始建立在index.js建立实例化vue,后面的都是常规操作
5.在src下面编写组件
6.配置路由，和编写vuex，该项目简单做了一个登陆校验。