SPA專案開發之登入

1.1 使用vue-cli腳手架工具建立乙個vue專案

vue init webpack pro01

1.2 npm安裝elementui

cd pro01 #進入新建專案的根目錄

npm install element-ui -s #安裝element-ui模組

重點：在指定位置!!!在指定位置!!!在指定位置!!!~~~新增三行**

1.3 在專案中src目錄下找到main.js，並在指定位置新增三行**（main.js是入口檔案，所以在這裡引入就行，頁面就不用引入了）

import vue from 'vue'

import elementui from 'element-ui' //新新增1

vue.use(elementui) //新新增3

vue.config.productiontip = false

1.4 測試

修改helloworld.vue新增elementui元件檢視效果

注1：相關樣式見資料「css.txt」

login.vue

注1：

login.vue
提交使用者註冊
忘記密碼

提交使用者登入
忘記密碼

/**

* 配置tomcat允許跨域訪問
*  * @author administrator
* */
public class corsfilter implements filter 
@override
public void dofilter(servletrequest servletrequest, servletresponse servletresponse, filterchain filterchain)
throws ioexception, servletexception 
@override
public void destroy() 
}

SPA專案開發之登入

然後我們開啟dos命令建立以下 npm install axios s npm install qs s npm install vue axios s 注意一條一條的輸入不要著急 在專案中src目錄下找到main.js，並在指定位置新增三行 main.js是入口檔案，所以在這裡引入就行，頁面就不用...

SPA專案開發之登入註冊

npm install element ui s npm install axios s npm install qs s npm install vue axios s element ui 新增頁面效果，元件 axios axios是vue2提倡使用的輕量版的ajax。它是基於promise的h...

SPA專案開發之登入註冊

1 使用vue cli腳手架工具建立乙個vue專案 vue init webpack pro01 2 npm安裝elementui cd pro01 進入新建專案的根目錄 npm install element ui s 安裝element ui模組 重要的事情說三遍 在指定位置 在指定位置 在指定...