时间:2021-05-26
前言
mpvue 的出现把 vue 的开发体验带到了小程序这个平台中,但其目录结构与传统的 vue 项目却并不完全一致,一个典型的页面包含以下三个文件:
index.vue // 页面文件main.js // 打包入口,完成 vue 的实例化main.json // 小程序特有的页面配置,早期写在 main.js 文件中其中,每个页面的 main.js 文件基本都是一致的,可通过mpvue-entry 来自动生成(weex 也有类似的处理),而 main.json 我个人认为直接在 vue 文件中配置更为合适,于是开发了mpvue-config-loader 来加以实现
本文将介绍如何在 mpvue 官方模板的基础上,通过配置 mpvue-config-loader 来实现在 vue 文件内书写小程序的页面配置
步骤
初始化项目
安装依赖
or
yarn add mpvue-config-loader -D修改打包配置
build/webpack.base.conf.js
修改页面配置
src/App.vue - 复制 app.json 中的内容,并修改格式以符合 eslint 规范
src/pages/logs/index.vue - 同上
启动运行
or
yarn dev其他
使用 mpvue-entry 的项目暂不建议使用该模块,后期会直接集成作为可选模式之一
该模块的实现方式有以下两种可选,但由于前者在编辑器中暂无法高亮,所以采用了第二种方式
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
下面先给大家介绍下mpvue跳转页面,具体内容如下所示:正准备写一个小程序,得知了mpvue开源的消息,又恰巧之前刚刚学习了一点vue,便开始了我的mpvue学
本文介绍关于react-router的几种配置方式详解,分享给大家,具体如下:路由的概念路由的作用就是将url和函数进行映射,在单页面应用中路由是必不可少的部分
Android读取properties配置文件的实例详解因为一些配置信息,多处用到的。且以后可能变更的,我想写个.prorperties配置文件给管理起来。我把
JSPSpring配置文件中传值的实例详解通过spring提供方法,在配置文件中取传值调用get方法targetObject:指定调用的对象propertyPa
微信小程序增、删、改、查操作实例详解1.以收货地址的增删改查为例2.文件目录js文件是逻辑控制,主要是它发送请求和接收数据,json用于此页面局部配置并且覆盖全