Mixin混入,全局和局部使用,import引入问题export导出

406 阅读1分钟

image.png mixin是一个 {}

作用:提取复用代码

es5中也有mixin,vue中也有,mixin出现的用途就是,解决继承不够完美的问题

包含:对象 保存相关的data methods,或者包括其他方法

定义:可作为为局部mixins 也可定义全局 main.js

使用: 复用代码,建立JS文件 export导出方法,

注意点:mixin的复用,会有代码有限顺序,如果页面和mixin有声明或者代码重复,有限执行页面代码

通过export方式导出,在导入import时要加{ },export default则不需要 export const ** = {} import {名称} from '路径',

export default{}仅有一个 import ** from '路径

1、导入加上花括号:只导入模块中的指定变量或函数。例如,import { get, post } from 'axios'只导入了axios模块中的getpost方法,可以直接使用get()post()调用它们。

2、导入不加花括号:导入整个模块对象。例如,import axios from 'axios'会导入整个axios模块,可以通过axios.get()等方法来使用它。