孙三苗的专栏

问题描述： 很早以前用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...