uni-app项目中主要文件的加载顺序

uni-app项目中主要文件的加载顺序

1.先后顺序

index.html > App.vue的export外的js代码 > main.js > App.vue的export里面的js代码 > Index.vue的export外的js代码

2.测试的页面代码块

2.1 App.vue

<script>
	console.log('App.vue的export外的js代码')
	export default {
		onLaunch: function() {
			console.log('App.vue的export里面的js代码')
		},
		onShow: function() {
		},
		onHide: function() {
		}
	}
</script>

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

2.2 index.vue

template>
	<view class="content">
	</view>
</template>

<script>
	console.log('Index.vue的export外的js代码')
	export default {
		onLoad() {
			console.log('Index.vue的export内的js代码')
		}
	}
</script>

<style>
</style>

2.3 main.js

console.log('main.js')
import App from './App'
import test from './test.js'

3.打印日志

App.vue的export外的js代码
我是test.js
main.js
App.vue的export里面的js代码
iIndex.vue的export外的js代码
Index.vue的export内的js代码