更新记录

0.0.1（2020-08-19） 下载此版本

不要导入插件，请下载或导入示例项目

打分随意，不会再次更新

平台兼容性

没有什么高超方法，无非就是建一个总组件，再利用插槽实现

这样做的好处

1. 不需要在app.vue里添加router-view，这没法实现多端
2. 不需要在main.js使用document，这也没法实现多端
3. app端不需要创建新的窗口，效果不好，也没法实现多端

坏处被以上好处等将功抵过

该模板仅做参考，不能用在实际项目中，但提供的方法可以用在工作环境中（已用在工作环境中）

思路解析

1. 在components文件夹下创建page组件（组件名随意），在该组件内写上基本每个页面都能用上的组件和方法
2. 在main.js引入

   复制代码import Page from './components/page.vue'; 
   Vue.component('page', Page)

3. 在你想使用总组件的页面下使用，template下应该是view,这时候把view改成page（带上ref方便操作），接下来就可以随心所欲了使用全局组件了

   复制代码<template>
       <page ref="page">
           这里写代码
       </page>
   </template>

看示例，方法很简单，如果看不懂我也没辙，如果该模板报错，请下载uView或npm i

该示例引用的插件、组件、方法来源如下

• H5对齐API
• uView
• godtail@outlook.com