软件登录注册页面代码html,【vue】单文件组件化注册登陆页面简单记录

最近工作慌了，开始做毕设了，打算用vue做个SPA，学的不深，也算琢磨着跑了点，先理理思路，再前行，把刚刚做了的简单注册登陆页面记录下，也打下个底面，一步步来，望大神指教。

主要内容

vue

vue-router

bootstrap

目录结构

+ assets

+ dist //打包后文件目录

+ src //开发源码

+ assets //资源文件

- bootsrtap.min.css

- logo.png

+ views //大视图组件

- Sign.vue //登陆注册主组件

+ components //子组件文件夹

+ sign //登陆组件的子组件

- _signup.vue //注册组件

- _signin.vue //登陆组件

- main.js //js加载入口文件

- filters.js //过滤器

- routers.js //分离出来的组件路由文件

- package.json //npm依赖管理文件

- webpack.config.js //webpack打包配置文件

- index.html //页面显示入口文件

初始化项目

奉上package.json内容

{

"name": "demo_vue-loader-example",

"version": "0.0.1",

"description": "demo",

"main": "index.js",

"scripts": {

"dev": "webpack-dev-server --inline --hot --quiet",

"build": "export NODE_ENV=production && webpack --progress --hide-modules"

},

"author": "dingyiming",

"license": "MIT",

"devDependencies": {

"babel-core": "^6.2.1",

"babel-loader": "^6.2.0",

"babel-plugin-transform-runtime": "^6.1.18",

"babel-preset-es2015": "^6.1.18",

"babel-preset-stage-0": "^6.1.18",

"babel-runtime": "^6.2.0",

"css-loader": "^0.23.0",

"fastclick": "^1.0.6",

"file-loader": "^0.8.5",

"jade": "^1.11.0",

"node