SPA專案開發之登入註冊

2021-09-27 11:16:07 字數 1814 閱讀 8760

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


vue init webpack pro01


2 npm安裝elementui


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


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


## 重要的事情說三遍：在指定位置!!!在指定位置!!!在指定位置!!!~~~新增三行**


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


import vue from 'vue'


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


import router from './router'


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


vue.config.productiontip = false


4 測試


修改helloworld.vue新增elementui元件檢視效果
vue+elementui設計登陸頁面

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

注2：
reg.vue:

提交


返回登入


忘記密碼


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


SPA專案開發之登入
1.1 使用vue cli腳手架工具建立乙個vue專案 vue init webpack pro01 1.2 npm安裝elementui cd pro01 進入新建專案的根目錄 npm install element ui s 安裝element ui模組 重點 在指定位置 在指定位置 在指定位置...