mpvue跳转页面及注意事项

前端之家收集整理的这篇文章主要介绍了mpvue跳转页面及注意事项前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

下面先给大家介绍下mpvue@R_877_404@面,具体内容如下所示:

正准备写一个小程序,得知了mpvue开源的消息,又恰巧之前刚刚学习了一点vue,便开始了我的mpvue学习之路。

第一步就是配置环境之类的。。。附上官网的quickstart nofollow" href="http://mpvue.com/mpvue/quickstart/">http://mpvue.com/mpvue/quickstart/

相信看完官网的教程之后, 你的项目应该已经搭好了。下面说2个小问题的解决办法吧

1.编译总通不过,eslint限制太严格,关闭它吧(如果你是一个严谨的人,那就..吧)

webpack.base.conf.js---->module-rules {...loader:'eslint-loader'...} 这里面的都删掉吧

2.写好一个页面,该@R_877_404@面了,一脸懵逼。

就这样,重点是main.js不能少,不然dist里面不会生成对应的文件,npm run dev 重启就可以啦

写完一个小程序,但是还没有做数据交互,除了@R_877_404@面这块,其他的就是vue的问题了,我在做的时候百度了好久@R_877_404@面的问题,最终还是在gitHub看别人的源码学到的了,希望可以帮到你!

下面看下mpvue 注意事项

1、页面跳转,注意是普通跳转navigateTo还是底部导航跳转 switchTab

2、变量 图片 文字 引入组件

3、模板注意 设置props 模板名称name

{{nickName}}

4、关于formid 按钮要把formsubmit 改为@submit 如 bindchange="eventName" 事件,需要写成 @change="eventName"

小程序组件

mpvue 可以支持小程序的原生组件,比如: picker,map 等,需要注意的是原生组件上的事件绑定,需要以 vue 的事件绑定语法来绑定,如 bindchange="eventName" 事件,需要写成 @change="eventName"

示例代码

总结

以上所述是小编给大家介绍的mpvue@R_877_404@面及注意事项。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/vue/31219.html

猜你在找的Vue相关文章