main.js文件解析
我们都知道初始化Vue实例就是main.js,并且它还需要插件。在main.js文件中,首先定义了一个Vue对象,其中el为实例提供挂载元素,接着进行一系列的配置,包括路由、Vuex等。最后通过两种方式来启动应用,第一种写法为直接在new Vue()中使用router、store等,第二种写法为先创建实例再挂载到挂载元素上,并导出myVue以便其他文件引用。

Vue.use的作用以及什么时候使用
在Vue中引入使用第三方库通常我们都会采用import的形式引入进来,还有一种就是有的组件在引入之后又做了Vue.use()操作,再有就是引入进来又进行了Vue.prototype.$something=something,安这三种方式都有什么关联?
Vue.prototype主要是用在Vue项目中引入axios进行请求接口数据,通过npm安装之后我们只需在我们的文件中import axios from “axios”就可以使用,有时候我们会加上一句Vue.prototype.$axios=axios,prototype我们应该再熟悉不过了。而Vue.use()则是用于注册插件的方法,其会自动调用install方法,因此引入一些Vue插件时需要使用Vue.use()来进行注册使用。
利用Vue.use统一全局注册组件
利用Vue.use可以进行统一全局注册组件。首先在一个入口文件中定义一个install方法,在其中向Vue.component注册需要注册的组件,然后在main.js中使用Vue.use()进行注册即可。
补充:关于main.js方便小技巧,可以在全局定义一个方法或变量,并将其放到Vue.prototype中,这样在各个组件中都可以使用它,例如可以全局定义一个发送短信时使用的手机号码变量,来进行联调接口时的调用。
原创文章,作者:小编小本本,如若转载,请注明出处:https://www.benjiyun.com/yunzhujiyunwei/vps-yunwei/7479.html
