托马斯穆勒带枪上阵,妖艳女忍者传紫雨,哗变是什么意思
一、全局引入文件
1、先定义共用组件 common.vue
<script type="text/javascript"> // 定义一些公共的属性和方法 const httpurl = 'http://39.105.17.99:8080/' function commonfun() { console.log("公共方法") } // 暴露出这些属性和方法 export default { httpurl, commonfun } </script>
2、在需要使用的地方导入
<script> // 导入共用组件 import global from './common.vue' export default { data () { return { username: '', password: '', // 赋值使用 globalhttpurl: global.httpurl } },
3、使用
<template> {{globalhttpurl}} </template>
二、main.js中引入全局变量和方法
1、定义共用组件同上
2、main.js中引入并复制给vue
// 导入共用组件 import global from './common.vue' vue.prototype.common = global
3、使用
export default { data () { return { username: '', password: '', // 赋值使用, 可以使用this变量来访问 globalhttpurl: this.common.httpurl } },
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
VUE+elementui组件在table-cell单元格中绘制微型echarts图
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
vue 路由懒加载中给 Webpack Chunks 命名的方法
网友评论