关联标签 在 head 中添加关联标签让搜索引擎发现你的页面 MIP 和 非 MIP 页面同时存在 如果只有 MIP 页 新建 MIP 页的文件 path 建议 在某些情况下，站点对于同一个 HTML 页面，可能存在两种，一个是 MIP 页，一个是原页面。搜索引擎会抓取这两个页面，并利用 Canonical 标签将它们联系起来。 关联标签 ...

小故事的组织结构 知识储备 小故事的组织结构介绍 开发小故事 在页面中添加mip-story 组件标签； 小故事开发系列教程 小故事的组织结构 ​  本篇主要讲解小故事的结构划分 和代码结构 ； 知识储备 ​  在阅读本篇前，您需要了解什么是小故事，可以查看开发小故事前期准备 了解基础信息； 小故事的组织结构介绍 ​  小故事主...

mip-city-selection 城市选择组件 mip-date-countdown 倒计时组件 mip-fit-text mip-font 自定义字体组件 mip-mathml MathML 公式 mip-rem mip-rem 组件 mip-story 小故事组件 mip-timeago 时间转化过去事组...

3. 开发组件 新增组件 功能实现 3. 开发组件 本节中，我们将实现一个简单的点击按钮隐藏图片的组件，以此为例，介绍开发自定义组件的流程。MIP 内部整合了 Vue 核心代码，因此可直接参考 Vue 的语法进行代码编写，我们建议以 .vue，即 Vue 单文件组件的形式去开发 MIP 组件，mip-cli 工具会在编译阶段自动将 .vue 文件...

小故事是什么？ 小故事是什么 小故事产品构成 小故事面向人群 展示示例 起步教程 1. 小故事知识储备和开发环境准备 2. 开发小故事 2.1 创建多个小故事段落（view） 2.2 为段落创建背景 2.3. 为段落添加主标题 2.4. 为段落添加更多内容 3. 为小故事添加封底 预览效果 小故事规范校验 发布小故事 小故事进...

2. 创建一个独立的页面 创建页面 填充页面 添加样式 引用样式和脚本 预览效果 2. 创建一个独立的页面 创建一个 MIP 页面和创建一个标准的 HTML 页面是完全相同的，同样是以 .html 作为扩展名。区别仅仅是在 MIP 页面中，您可以编写形如 <mip-xxxx> 这样的自定义标签来使用 MIP 组件。 MIP 提供了一些...

4. 使用内置组件 4. 使用内置组件 考虑到页面的性能，MIP 页面限制了部分 HTML 原始标签的使用，如<img> <video> <iframe> 等 等，同时提供了可以替代的相应的内置组件标签，如<mip-img> <mip-video> <mip-iframe> 等， 查看具体限制详情 ，本小节我们利用内置标签 <mip-img> ...

知识储备 为小故事添加更多段落 添加第一个内容段落 添加第二个内容段落 小故事开发系列教程 知识储备 ​​​  在阅读本篇前，您需要了解什么是小故事，可以查看开发小故事前期准备 、小故事的组织结构 、创建小故事的封面 了解基础信息； 为小故事添加更多段落 ​​  在了解了如何使用mip-story-view 标签的基础上，接下来继续添加...

应用场景： 语法 组件内注册监听行为（action ）： 组件内触发事件（event ）： 目前支持事件 1. 全局事件（event） 2. 组件可被外界监听事件（event） 3. 组件可被触发的事件（action） 实际示例 示例1： DOM 点击通信 示例2：使用 DOM 属性实现组件间通信 注意事项 MIP 提供了强大的组件...

示例 属性 type Mustache 语法 基本使用 复杂data的使用 对象数组 一维数组 循环函数 函数 空数组的处理 template 模板封装了第三方模板引擎 Mustache.js，可以访问Mustache.js 文档 了解更多信息。本组件暂时只支持辅助其他 MIP 组件完成模板渲染工作，直接使用不会渲染。个性化 MIP ...