美文网首页
引用外部js文件(全局变量)

引用外部js文件(全局变量)

作者: Do_Du | 来源:发表于2019-11-15 10:22 被阅读0次

公用模块

新建utils-help.js

const now = Date.now || function() {
    return new Date().getTime()
}

export default {
    now
}

index.vue中引用

import help from '../../utils/help.js'

onLoad() {
    console.log(help.now())
},

挂载 Vue.prototype

将一些使用频率较高的常量或者方法,直接扩展到 Vue.prototype 上,每个 Vue 对象都会“继承”下来。
只需要在 main.js 中定义好即可在每个页面中直接调用。
注意:
1、每个页面中不要在出现重复的属性或方法名。
2、建议在 Vue.prototype 上挂载的属性或方法,可以加一个统一的前缀。比如 $url、global_url 这样,在阅读代码时也容易与当前页面的内容区分开

main.js

import help from './utils/help.js'
Vue.prototype.$help = help

index.vue中引用,这里需要用this引用

onLoad() {
    console.log(this.$help.now())
},

globalData全局变量

在 App.vue 可以定义 globalData ,也可以使用 API 读写这个值。
globalData是一种比较简单的全局变量使用方式。

定义:在App.vue文件中

<script>
    export default {
        globalData:{
            text: 'text'
        },
        onLaunch: function() {
            console.log('App Launch')
        },
        onShow: function() {
            console.log('App Show')
        },
        onHide: function() {
            console.log('App Hide')
        }
    }
</script>

<style>
    /*每个页面公共css */
</style>

js中操作globalData的方式如下:
取值: console.log(getApp().globalData.text) => text
赋值: getApp().globalData.text = 'text2' => text2

相关文章

  • uniapp实现全局变量

    1.引入外部js文件引入全局常量-组件引用全局变量 2.main.js入口文件挂载全局变量-this引用全局变量m...

  • Javascript笔记【1】

    1、如何插入JS代码 Js code 2、引用javascrip外部文件 //引用外部名为script.js的文件...

  • 引用外部js文件(全局变量)

    公用模块 新建utils-help.js 在index.vue中引用 挂载 Vue.prototype 将一些使用...

  • Vue引入js变量,常量及文件

    1,变量引用外部js: vue实例文件 2,方法调用外部js: vue实例文件 3,变量引用外部js: vue实例文件

  • JS常见的引用方式:

    外部JS文件引入(推荐);行内引用(较少用);属性引用(不推荐使用); 一,外部JS文件引入: 实际开发中通常将j...

  • JavaScript1.0

    如何插入JS ​​ 引用JS外部文件 ​​ 找到你的位置(JS在页面中的位置) ​​ ​​ JavaScript-...

  • js笔记.md

    用法 JS内部引用 引用JS外部文件 注意: javascript作为一种脚本语言可以放在html页面中任何位置,...

  • javascript

    编写位置 可以将js代码编写到外部js文件中,然后通过script标签引入写到外部文件中可以在不同的页面中同时引用...

  • uni-app使用外部js

    引用jquery 引用外部js

  • JS学习(1)

    一,插入JS 使用 标签在HTML网页中插入javascript。 . 二、引用JS外部文件 JS代码可写到jav...

网友评论

      本文标题:引用外部js文件(全局变量)

      本文链接:https://www.haomeiwen.com/subject/jgyjictx.html