用typescript寫mpvue


1.新建文件

要直接復制原來的文件夾,然后在終端執行npm run dev命令就會編譯。這是在我看mpvue的demo的情況下,我是直接復制的,因為我新建的文件不會被編譯到dist中,暫時只知道這一個方法。

這里說的不對,應該是在新建的時候一定要是index.vue還有mian.ts文件,因為index頁面的進入口,在dev編譯一下就行了

2.頁面跳轉

/1如果你的a標簽是

<a :href="AppUrls.WTT" class='home'>去活動管理頁面</a>這種形式
需要在自己的ts文件里加上代碼:
import {AppUrls} from '@/utils/consts.ts'
export default class wtt extends Vue {
AppUrls = AppUrls
}
並且要在utils中的添加代碼
export const AppUrls = {
WTT:pre+'/wtt/main',
}
/2還有一種就是直接寫
<a href="/pages/wtt/main" class='home'>去活動管理頁面</a>
這里注意app.json里要有這個路徑
 
3.在寫組件的時候不要把ts代碼寫在vue中,需要重新建一個ts文件,不然dist無法編譯
4.無論的js的或者是typescript寫他的訪問路徑都是直接訪main文件(不能加.js或者ts不然跳轉不了會報錯), 
5.在綁定事件的時候@click等價於@tap
6.font-size: 0; //font-size設置為0可以去掉view之間的GAP
以上如果有不對或者需要補充的地方歡迎留言


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM