feg-vuebase

0.0.6 • Public • Published

Vue3项目基础库

基于Vue3项目的基础库,目前包含 组件加载器 和 组件描述声明文件

已有组件

名称 模块名 功能说明
一键启动 nie.vue3.gamestart Vue3的游戏一键启动组件
版权 nie.vue3.copyright Vue3的版权组件,兼容PC和移动

Vue项目引用方式(html)

如需同时引用旧版的 jqueryzepto,需将vuebase.js引用位置在后面

    <script src="https://nie.res.netease.com/comm/js/vuebase.js"></script>

TypeScript声明文件引用

    // vite-env.d.ts
    // 顶部 vite 下 引入下面这句

    /// <reference types="feg-vuebase/client" />

全局方式

    //main.ts

    Promise.all([import("vue"),import("axios"),import("axios-jsonp")]).then(async (rets)=>{
        
        [window.Vue, window.axios, window.axiosJsonpAdapter] = rets;

        const [GameStart,CopyRight] = await VueBase.require(["nie.vue3.gamestart","nie.vue3.copyright"]);

        app.use(GameStart);
        app.use(CopyRight);

        app.mount("#app");
    });
    <template>
        <feg-gamestart product="yys"></feg-gamestart>
        <feg-copyright product="yys"></feg-copyright>
    </template>

局部方式(不推荐)

    //main.ts

    Promise.all([import("vue"),import("axios"),import("axios-jsonp")]).then((rets)=>{
        
        [window.Vue, window.axios, window.axiosJsonpAdapter] = rets;

        app.mount("#app");
    });
    <template>
        <component :is="GameStart" product="yys"></component>
    </template>
    <script lang="ts" setup>

        const GameStart = ref(null);

        const loadComponents = async ()=>{

            GameStart.value = await VueBase.require("nie.vue3.gamestart",true);
        }
        loadComponents();
    </script>

API

属性(props)

参数 说明 类型 默认值 备注
isHomeDomain 是否国内域名 Boolean
report 章鱼统计相关 Object 对象函数参考下面说明
cookie cookie操作相关 Object 对象函数参考下面说明
storage localstorage操作相关 Object 对象函数参考下面说明
browser 浏览器相关信息与操作 Object 对象函数参考下面说明
include 加载文件操作相关 Object 对象函数参考下面说明

函数事件(events)

名称 功能说明 参数
require 加载vue3组件 modules : String|String[] // 模块名/列表
isRaw : boolean // 是否为局部组件加载

report(events)

名称 功能说明 参数
clickStat 打点统计上报 params : {
activity : String ; // 页面地址
monitor : String ; // 上报关键字
desc : String ; // 关键字中文描述
}
add 兼容旧版章鱼的点击统计 monitor : String // 点击统计名称
desc : String // 统计描述

cookie(events)

名称 功能说明 参数
get 获取cookie name : String // cookie名
set 设置cookie name : String // cookie名
value : String // cookie值
options?: { path?: string; expires?: number | Date; domain?: string; secure?: boolean; raw?: string;}

storage(events)

名称 功能说明 参数
get 获取localstorage name : String // storage名
set 设置localstorage name : String // storage名
value : String // storage值

browser(props)

参数 说明 类型 默认值 备注
msie 是否IE浏览器 Boolean false
webkit 是否Webkit内核 Boolean false
pc 是否PC端 Boolean false
mobile 是否移动端 Boolean false
ios 是否ios Boolean false
android 是否android Boolean false
weixin 是否微信内 Boolean false
mini 是否小程序内 Boolean false

browser(events)

名称 功能说明 参数 返回值
query 获取URL参数 key : String // 参数名
object?: string // 查询对象,默认是location.search
String

include(events)

名称 功能说明 参数 返回值
loadScript 加载js远程文件 url : String // 参数名
Promise
loadStyles 获取URL参数 url : String // 参数名

load(props)

参数 说明 类型 默认值 备注
startTime window load startTime Date 0

Readme

Keywords

none

Package Sidebar

Install

npm i feg-vuebase

Weekly Downloads

2

Version

0.0.6

License

none

Unpacked Size

39 kB

Total Files

27

Last publish

Collaborators

  • gzzhengxuze