赞
踩
可以创建一个index.js文件,在index.js文件里写js函数
- // index.js
- // 方法一
- // 验证是否为blob格式
- export async function blobValidate(data) {
- try {
- const text = await data.text();
- JSON.parse(text);
- return false;
- } catch (error) {
- return true;
- }
- }
-
- // 方法二
- function test(){
- alert("你好");
- }
- export default test;
-
- //还可以写class类函数
- class Person{
- // 构造函数
- constructor(x,y){
- this.x = x;
- this.y = y;
- }
- todoSome(){
- alert(this.x,this.y);
- }
- }
- export default Person;

在main.js文件,引入,并挂载在Vue实例上
- //main.js
-
- //引入
- import {blobValidate test Person } from "@/utils/index";
- // 全局方法挂载
- Vue.prototype.blobValidate = blobValidate
- Vue.prototype.test = test
- Vue.prototype.Person = Person
页面如何使用
- //页面
- this.blobValidate(); //调用函数
-
- this.test();
-
- const test= new this.Person('haha','33'); //调用类js,先new,注意传参
- test.todoSome(); //调用class类下面的方法
还可以把多个js函数文件,注册到一个js文件里方便统一管理调用,最后将这个index.js在main.js里面注册到vue实例中
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。