短视频系统源码，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代码

 

以上就是 短视频系统源码，uni-app项目中主要文件的加载顺序，更多内容欢迎关注之后的文章