Vue中自定义.js变量

这篇具有很好参考价值的文章主要介绍了Vue中自定义.js变量。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、定义.js文件

order.js文件内容:

// 订单是否报账

const EXPENESS_STATUS_NO=0;

const EXPENESS_STATUS_YES=1;

// 状态 0-未发货 1-发货 2-确认收获

const STATUS_NO=0;

const STATUS_SEND=1;

const STATUS_DELIVERY=2;

//  如何不加这个,vue中引入不进来变量值

export {

    EXPENESS_STATUS_NO,

    EXPENESS_STATUS_YES,

    STATUS_NO,

    STATUS_SEND,

    STATUS_DELIVERY

}

2、VUE中引入js方式

<script>

// 引入Js变量

import {EXPENESS_STATUS_NO,STATUS_NO} from "@/api/commons/order";

export default {

  name: "Expeness",

  data() {

    return {         

       // 订单未发货状态

      statusNo:STATUS_NO,

      // 订单未上报状态

      expenessStatusNo:EXPENESS_STATUS_NO,

        }

   }

}

</script>文章来源地址https://www.toymoban.com/news/detail-647103.html

到了这里,关于Vue中自定义.js变量的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue如何定义:全局变量、全局方法

    开发中会经常用到一些常用的变量和方法   例如ajax这种 1.定义专用模块来配置全局变量 定义一个专用模块来配置全局变量,然后通过export暴露出去,在需要的组件引入global.vue  引入及使用 2.通过全局变量挂载到Vue.prototype 同上,定义一个专用模块来配置全局变量,然后通过

    2023年04月20日
    浏览(43)
  • 【Vue】全局变量的定义及使用

    首先 声明Vue 使用全局变量的方法有很多,以下只是个人觉得比较简洁的2种。其中两者的第一步操作相同,即: 方法1:在main.js中直接将全局变量挂载到Vue.prototype 用时不用任何多余操作,直接调用 this.GLOBAL.name 即可。 方法2:在需要使用全局变量的页面引入global再使用

    2024年02月12日
    浏览(56)
  • vue3 ts 定义全局变量

    在 Vue3 中使用 TypeScript 定义全局变量可以这样做: 创建一个文件,如 global.d.ts ,并在其中声明全局变量。 在 main.ts 或其他入口文件中引入该文件。 在需要使用全局变量的地方直接使用即可。 注意,这种方式只能用于定义全局变量,不能用于定义全局函数或类。

    2024年02月17日
    浏览(50)
  • Vue3之app.config.globalProperties(定义全局变量)

    注意:如果全局属性与组件自己的属性冲突,组件自己的属性将具有更高的优先级。 1、创建一个文件(通过useGlobelProperties获取全局属性) 2、在main.ts中(配置全局属性) 3、任意组件中的使用 打印所得:   可以看到我们上面定义的name可以拿到,后续想要什么全局配置,可

    2024年02月15日
    浏览(39)
  • Vue3中定义变量是选择ref还是reactive?

    目录 ref和reactive的优势 1. ref 优势: 应用场景: 示例: 2. reactive 优势: 应用场景: 示例: ref和reactive的劣势 1. ref 2. reactive 应用案例 总结   Vue3中定义变量可以选择使用ref或reactive,这两种方式都可以用来定义响应式数据。 1. ref ref是Vue3中专门用来创建响应式变量的函数,

    2024年02月04日
    浏览(42)
  • vue、uniapp如何在js中获取scss的变量

    举例:在uniapp中会有一个uni.scss文件,我这边声明了一个$my-nav-bgColor的变量 uni.scss已经预处理过了,我们不需要引入可以直接使用 需要在uni.scss中导出 在你要用的页面引入 就可以正常使用了 自己定义的scss文件同样,只是多了一步引入

    2024年02月10日
    浏览(35)
  • 在 Vue.js 中,使用 watch 监听data变量如:对象属性/data变量

    在 Vue.js 中,使用 `watch` 监听对象属性 的变化时,应该将属性名作为 字符串 传递给 `watch` 选项。 示例如下: ```javascript updateAddChuZhenForm函数 现在,当 `isCheck1` 或 `isCheck2` 的值发生变化时,相应的 `watch` 函数将被触发。 ``` 如果你想要 监听一个普通变量 ,而 不是 Vue 实例的属

    2024年02月09日
    浏览(45)
  • Vue.js 2.0 自定义指令

    除了默认设置的核心指令( v-model 和 v-show ),Vue 也允许注册自定义指令。注意,在 Vue2.0 里面,代码复用的主要形式和抽象是组件——然而,有的情况下,你仍然需要对纯 DOM 元素进行底层操作,这时候就会用到自定义指令。下面这个例子将聚焦一个 input 元素,像这样: 当页面

    2023年04月19日
    浏览(53)
  • vue及js中使用function及箭头函数定义方法

    目录 1.函数声明,使用function 2.函数表达式,使用function 3.使用箭头函数方式 4.函数构造器 5.总结 1.函数声明,使用function 2.函数表达式,使用function 3.使用箭头函数方式 4.函数构造器 5.总结 在vue中,我们通过v-on指定来绑定要指定的方法,可以使用function或const箭头函数的方式

    2024年02月05日
    浏览(49)
  • vue子组件修改父组件传递的变量(自定义日期时间组件,时间间隔为15分钟或者一个小时)

    子组件不能直接修改父组件变量的值,但是可以通过调用父组件的方法来修改。 在父组件声明变量 在父组件使用子组件并传递数据,修改变量 在子组件中接收值,并调用父组件方法修改父组件的变量 以上步骤只是逻辑步骤和部分代码,以下有完整代码:

    2024年02月14日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包