优秀的编程知识分享平台

网站首页 > 技术文章 正文

Vue外部变量的引入(vue调用外部函数)

nanyue 2024-09-10 16:05:59 技术文章 4 ℃

第一种方法:

var name='jiajia fh';
var age=18;
var hobby="ajhfbgh";
function fun(a,b) {
	return a+b;
} //外部变量
export { name,age,hobby,fun}	 //输出给vue
import {name,age,hobby,fun} from './components/testA' //导入
name:name //data变量中声明
{{name}} //输出 jiajia fh

第二种方法:

var name='jiajia fh';
var age=18;
export { 
	name as v1, // as 别名
	age as v2
}
import {v1,v2} from './components/testA'
name:v1,
 {{name}} //输出 jiajia fh 

第三种方法:

var name='jiajia fh';
export {name}
import {name as v1} from './components/testA'
name:v1,
 {{name}} //输出 jiajia fh 

第四种方法:

export default{
	name:'佳佳',
	age:20
}
import obj from './components/testA'
name:obj
 {{name.name}} //输出 jiajia

Tags:

最近发表
标签列表