一、创建阶段
uniapp应用启动之后,首先进入创建阶段,此时会进行以下操作:
1、应用初始化,此时可以对应用进行一些基础配置,例如AppID等信息;
// main.js
import Vue from 'vue';
import App from './App.vue';
Vue.config.productionTip = false;
App.mpType = 'app';
const app = new Vue({
...App,
});
// 进行应用初始化
app.$mount();
2、创建vue实例,此时可以对Vue进行一些全局配置,例如自定义指令、过滤器等;
// main.js
import Vue from 'vue';
import App from './App.vue';
Vue.config.productionTip = false;
App.mpType = 'app';
// 全局注册一个自定义指令
Vue.directive('my-directive', {
bind(el) {
// ...
},
inserted(el) {
// ...
},
update(el, binding) {
// ...
},
componentUpdated(el) {
// ...
},
unbind(el) {
// ...
},
});
const app = new Vue({
...App,
});
app.$mount();
3、创建根组件App.vue,此时可以在App.vue中进行一些全局操作,例如全局样式、全局配置等。
// App.vue
原创文章,作者:小蓝,如若转载,请注明出处:https://www.506064.com/n/151261.html