uniAPP·引入外部.js文件并引用

uniAPP·引入外部.js文件并引用

uniAPP·引入外部.js文件并引用
1【外部.js】例如文件(getData.js)

//js文件内格式

export default {
	data() {
		return {
			ids:7,
			objData1:{
				name:'我是标题1',
				date:'2022-04-20',
				week:'一',
				qishu:'第100期',
				prize1:[5,4,3,2,1],
				prize2:[],
			},
			objData2:{
				name:'我是标题2',
				date:'2022-04-20',
				week:'二',
				qishu:'第070期',
				prize1:[5,4,3,2,1,0],
				prize2:[6],
			},
			objData3:{
				name:'我是标题3',
				date:'2022-04-20',
				week:'三',
				qishu:'第071期',
				prize1:[1,2,3,4,5,6],
				prize2:[8,7],
			},
			objData4:{
				name:'我是标题4',
				date:'2022-04-20',
				week:'四',
				qishu:"第077期",
				prize1:[1,2,3,4,5],
				prize2:[8,7],
			},
			objData5:{
				name:'我是标题5',
				date:'2022-04-20',
				week:'五',
				qishu: "第101期",
				prize1:[1,2,3,4,5,6,7],
				prize2:[],
			},
			objData6:{
				name:'我是标题6',
				date:'2022-04-20',
				week:'六',
				qishu:"第102期",
				prize1:[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20],
				prize2:[],
			},
			objData7:{
				name:'我是标题7',
				date:'2022-04-20',
				week:'日',
				qishu:"第082期",
				prize1:[1,2,13,14,15,35],
				prize2:[24],
			},
		}
		
	},
	
	onShow() {
		/* 每次加载 */
	},
	methods: {
		/* 函数方法 */
		
	},
	components: {
		/* 属性 */
	},
}

2【vue】引入js文件

【script】

import getData from 'pages/js/getData.js';

3【使用引用】例如

在onShow() { …}打印

console.log("打印结果:", getData.data().objData7.name;) 

或者某个方法中赋值

this.Name = getData.data().objData1.name;

4【说明】
this.Name 为本vue页面定义的属性名
getData 为本vue页面引入js文件import中的命名
data().为外部.js文件方法名
objData1.为外部.js文件数组属性名
objData1.name为外部.js文件数组中的属性名

9 Views
分享你的喜爱
默认图片
linwute

我要像梦一样自由,像大地一样宽容;
在艰辛放逐的路上,点亮生命的光芒;
我要像梦一样自由,像天空一样坚强;
在曲折蜿蜒的路上,体验生命的意义;

留下评论