用typescript写mpvue

原文链接： http://www.cnblogs.com/wtt577474/p/10189598.html

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

以上如果有不对或者需要补充的地方欢迎留言

转载于:https://www.cnblogs.com/wtt577474/p/10189598.html