孙三苗的专栏

问题描述：很早以前用taro框架写的一个小程序，今天编译的时候，在微信开发工具客户端，显示：sitemap.json Error: 未找到入口 sitemap.json 文件,或者文件读取失败,请检查后重新编译 的报错。如下图：解决办法：把 project.config.json 文件中的useCompilerModule参数值由false改成true。再次编译：yarn dev:weapp再观察微信开发工具客户端Console正常。这样每次编译系统自动会生成sitemap.json

一、安装篇1、安装Taro， 这个过程就不过多赘述了。官网文档已经写的很清楚了，地址：官方手册cli 工具安装首先，你需要使用 npm 或者 yarn 全局安装@tarojs/cli，或者直接使用npx:# 使用 npm 安装 CLI$ npm install -g @tarojs/cli# OR 使用 yarn 安装 CLI$ yarn global add @tar...

前面已经使用到页面跳转，在此简单说明一下页面跳转和参数传递。定义跳转方式，使用@click 触发。或者以第二个写留言为例，做跳转定义方法并传递参数：// 写留言comment (e) { console.log(e) let sid = e.currentTarget.id console.log(sid) wx.navigateTo({ ur...

前面有几节已经提到过下拉刷新，本节，再详细的归结一下。配置1、全局配置"enablePullDownRefresh": true,2、单独页面局部配置没有main.json 自己新建一个即可。使用和methods 平级使用onPullDownRefresh () { // to doing.. console.log('shuaxin') /...

在开发的过程中，用到全局变量的问题，搜了很多，方法五花八门，有的推荐使用vuex ，如果你想折腾一番可以自己尝试的使用。下面，我用的是最原始的方式来介绍一下全局变量的使用方法。首先，在配置文件src / mian.js 中进行开启和全局配置。我的配置文件内容：import Vue from 'vue'import App from './App'import 'mpvue...

模板文件把自己的模板统一放在src / components 目录下：调用模板import Sinfo from '@/components/sinfo'把模板配置到组成部分 components名字和import 时的名字一致components: { Sinfo},如果不使用会报错误页面代码中调用模板说明：模板标签不区分大小写 ...

自定义组件文件目录在utils 中书写自己的公共方法名字自己起，其中我的api.js文件中主要放的是和接口相关的文件：我的index.js 里放的是常用函数：暴露给外部调用方法（函数）：文件调用和调用插件方法一样，写相对路径即可。import util from '../../utils/index.js'使用方法let today = util...

插件下载根据项目需求，先加载日历组件，为了不重复造轮子，直接npmi mpvue-calendar或者yarn add mpvue-calendar下载完成，在需要的页面进行插件引用import Calendar from 'mpvue-calendar'components: { Calendar},具体的可参照文档，不在此一一说...

使用mpvue重构个人小程序（三）使用Vue的语法编写如何把右侧的小程序通过mpvue 进行重构呢？为了干净，可以把pp.json里的 tabBar等数据清掉只保留下图数据全局配置在src / app.json 配置 全局属性：pages 是页面配置，加一个页面就配置一个。window 是页面全局配置"enablePullDownRefresh":...

使用mpvue重构个人小程序（二）文件结构我们将要对vue-cli生成的代码做一个清理工作，具体如下：删掉src/components、src/pages、src/utils三个目录下的所有代码文件提前说一下，微信开发者工具不支持打开vue文件，因为微信开发者工具只是一个用户代理(即显示网站用)，类似Google浏览器一样。所以编写的时候一般会选择一款编辑器，可以使用Sublime、w...

使用mpvue重构个人小程序（一）安装package.json文件package.json是项目的主配置文件，里面包含了mpvue项目的基本描述信息、项目所依赖的各种第三方库以及版本信息、以及可执行的脚本信息。我们看到该文件中的scripts部分配置了4个可执行的命令："dev": "node build/dev-server.js","start": "node bu...

mpvue安装# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 mpvue-quickstart 模板的新项目$ vue init mpvue/mpvue-quickstart my-project# 安装依赖$ cd my-project$ npm install# 启动构建$ npm run dev...