Vue总结【export deault和export区别、Vue.use()和Vue.prototype的区别】

vue中export deault和export区别

1、export 和export default 的区别在于：export 可以导出多个命名模块

//index.js
export const data = {name:'李德旺',age:'20',sex:'男'};
export function setToken(token){
	return token;
}

//引入对应的index.js
//如果想为输入的变量重新取一个名字，import命令要使用as关键字，将输入的变量重命名
import {  data as myData , setToken } from '@/index.js'


2、export default 只能导出一个默认模块，这个模块可以匿名

//index.js
const data = {name:'李德旺',age:'20',sex:'男'};
function setToken(token){
	return token;
}

export default{
	myData : data,
	setMyToken : setToken
}

//引入对应的index.js
//引入的时候可以给这个模块取任意名字，例如 “indexObj”，不需要用大括号括起来
import indexObj from '@/index.js'

vue中 Vue.use()和Vue.prototype的区别

1、Vue.use()
可以用来注册全局的插件，使用Vue.use()后可以使得插件能够在项目的任意位置上使用。当一个插件对象或者函数，
拥有install方法时，就使用Vue.use()。调用Vue.use()时会调用插件的install方法，使得其能够全局使用，
适合于注册vue生态内的插件。

2、Vue.prototype
vue.prototype是一种注册全局变量的方式，使用vue.prototype的变量可以全局访问，适合于注册vue生态外的插件。

Vue.use和Vue.prototype都是挂载插件的方式，不同的是使用vue.prototype，插件不需要实现install方法，灵活性不如Vue.use(), 而Vue.use()要求插件必须实现instal方法或者该插件本身就是函数，在install方法可以完成自己的逻辑， 所以Vue.use()的方式更加的强大，灵活，扩展性更好。