mpvue weapp微信小程式

檢視node和npm是否安裝成功

檢視vue-cli版本

vue init mpvue/mpvue-quickstart my-project

將dist目錄下的所有檔案複製到你專案的/static/vant/目錄下

// 新增響應***

注意:檔名稱自定義，根據個人習慣自定義

登入模組：

index.vue

<

!--登入--
>
"24"
>
="banner"
>
"margin: 20rpx 35rpx;"
>
placeholder=
"請輸入手機號"
label=
"手機號"
left-icon=
"phone"
type=
"number"
clearable
border=
"true"
:error=
"telephoneerror"
@blur
="inputinfotelephone"
@focus
="focusinfotelephone"
/>
<
/div>
"margin: 20rpx 35rpx;"
>
placeholder=
"請輸入密碼"
label=
"密碼"
left-icon=
"friends"
clearable
border=
"true"
:error=
"passworderror"
password=
"true"
@blur
="inputinfopassword"
@focus
="focusinfopassword"
/>
<
/div>
"margin: 120rpx 35rpx;text-align: center"
>
"#ffbc1a"
@click
="logininfo"
>登入<
/van-button>
<
/div>
<
/view>
<
/van-row>
"van-toast"
/>
<
/div>
<
/template>
// 引入css樣式
import login from '../../pages/login/login.css'
import axios from 'axios'
import toast from '../../../static/vant/toast/toast'
;import store from '../../vuex/store'
export default},
computed:},
methods:
if(that.password =='')
var user =
;        axios.
post
(          that.url + that.logininfourl,
user
).then
(response=
>)}
else
if(response.data.code ==
206)})
},//監聽手機號輸入框內容發生變化
inputinfotelephone
(val)
,//監聽密碼輸入框內容發生變化
inputinfopassword
(val)
,//手機號輸入框聚焦
focusinfotelephone()
,//密碼輸入框聚焦
focusinfopassword()
},}<
/script>
.van-cell
.banner
.van-cell:after
.van-button--normal
.van-icon
.van-cell__title
.van-toast--icon
<
/style>在這裡插入描述
				
（微信小程式）一   初識微信小程式
需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...
				
微信小程式
2.單獨設定某一頁面下的頂部欄的背景顏色,在其對應的.json檔案下修改即可 3.this.setdata 注意 onload函式下面執行的是非同步操作，非同步操作裡面this.data.直接賦值，是無效的，必須使用this.setdata this.setdata msg he llo wor l...
				
微信小程式
你好！這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章，了解一下markdown的基本語法知識。全新的介面設計，將會帶來全新的寫作體驗 在創作中心設定你喜愛的 高亮樣式，markdown將 片顯示選擇的高亮樣式進行展示 全新的ka...