微信小程序学习之零碎记录＋写项目时的一些小错误~

最新推荐文章于 2024-09-26 11:20:11 发布

CSDN_GMC

最新推荐文章于 2024-09-26 11:20:11 发布

阅读量886

点赞数

分类专栏：微信小程序文章标签： vue 小程序

本文链接：https://blog.csdn.net/CSDN_GMC/article/details/106784133

版权

本文介绍了微信小程序的全局配置与页面配置，包括sitemap.json、project.config.json和app.json的设置。此外，讨论了在Vue中遇到的eslint语法限制问题及解决方案，并列举了在617项目中遇到的错误，如tabbar与跳转的冲突。同时，提到了腾讯地图SDK的使用步骤，并提醒开发者注意onLoad的正确写法。

摘要由CSDN通过智能技术生成

微信小程序学习小碎片碎碎念~

1. 框架

1.1 全局配置

官方文档 -> 框架 -> 小程序配置 -> 全局配置
点编译 => 刷新

在这里插入图片描述

sitemap 配置
小程序根目录下的 sitemap.json 文件用于配置小程序及其页面是否允许被微信索引，文件内容为一个 JSON 对象，如果没有 sitemap.json ，则默认为所有页面都允许被索引；sitemap.json 有以下属性

微信现已开放小程序内搜索，开发者可以通过 sitemap.json 配置，或者管理后台页面收录开关来配置其小程序页面是否允许微信索引。当开发者允许微信索引时，微信会通过爬虫的形式，为小程序的页面内容建立索引。当用户的搜索词条触发该索引时，小程序的页面将可能展示在搜索结果中。爬虫访问小程序内页面时，会携带特定的 user-agent：mpcrawler 及场景值：1129。需要注意的是，若小程序爬虫发现的页面数据和真实用户的呈现不一致，那么该页面将不会进入索引中。

project.config.json 项目配置，喜好配置
app.wxss 全局样式配置（wxss => css）
app.json 全局配置

小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。文件内容为一个 JSON 对象，包括有以下属性等等
pages：页面路径列表 string 必填项
window：全局的默认窗口表现 Object
tabBar：底部 tab 栏的表现 Object
networkTimeout：网络超时时间 Object
debug：是否开启 debug 模式，默认关闭 boolean

1.2 页面配置

官方文档 -> 框架 -> 小程序配置 -> 页面配置
局部优先级 > 全局

2. 组件

官方文档 -> 组件 -> 视图容器

2.1 视图容器

链接: mpvue.
npm run dev

<template>
  <div>
      <swiper v-if="imgUrls.length > 0" indidator-dots="imgUrls.length > 1" >
      <block v-for="(item, index) in imgUrls" :key="index" >
        <swiper-item>
          <image :src="item" mode="scaleToFill"></image>
        </swiper-item>
      </block>
    </swiper>

    <ul class="container log-list">
      <li v-for="(log, index) in logs" :class="{ red: aa }" :key="index" class="log-item">
        <card :text="(index + 1) + ' . ' + log"></card

最低0.47元/天解锁文章