tree shaking 是什么，原理是什么
Tree shaking 是一种通过清除多余代码方式，来优化项目打包体积的技术。
tree shaking 的原理是什么?
ES6 Module 引入[进行了静态分析]，在编译的时候，正确判断到底加载了那些模块。
静态分析程序流，判断那些模块和变量未被使用或者引用，进而删除对应代码
common.js 和 es6 中模块引入的区别？
CommonJS 模块输出的是一个值的拷贝，ES6 模块输出的是值的引用。
CommonJS 模块是运行时加载，ES6 模块是编译时输出接口（静态编译）。
CommonJs 是单个值导出，ES6 Module 可以导出多个
CommonJs 的 this 是当前模块，ES6 Module 的 this 是 undefined
参考的连接: https://juejin.cn/post/6844903876231954446
1. 在vue中watch和created哪个先执行？为什么？
在wacth监控数据时，设置immediate：true；会优先执行watch,created后执行;反之则反
2. 在使用计算属性的时，函数名和data数据源中的数据可以同名吗？
不可以，同名会报错：The computed property "xxxx" is already
不可以，因为初始化vm的过程，会先把data绑定到vm,
再把computed的值绑定到vm，会把data覆盖了。
3. 我对重排的定义:
重排（回流）:当render树中的一部分或者全部，
因为大小边距等问题发生改变，而需要DOM树重新计算的过程叫做:重排（回流)。
v-show指令其原理就是改变display涉及到了DOM结构的改变。
所以放生了重排。
4. 在vue项目中穿透符有哪些？
1.css使用 >>>; 2. scss使用 ::v-deep ; 3. less使用 /deep/
5. vue-loader在webpack编译流程中的哪个阶段？
编译模板阶段：从入口文件出发，调用所有配置的Loader的模块进行编译，
再找出该模块依赖的模块，再递归本步骤，直到所有入口依赖的文件，都经过了本步骤的处理
6. v-if和v-show哪个优先级更高？ 你去看一下
没有优先级的说法
7. vue的v-for如何倒序输出？
1. 先把数组做一层reverse()倒叙处理，然后在执行v-for
2. 使用css3 flex 容器的 order
8. axios同时请求多个接口，如果当token过期时，怎么取消后面的请求？
axios的话可以使用cancelToken来实现。
如果是原生的XMLhttprequest的话，需要使用abort()方法实现。
9.你知道vue的模板语法用的是哪个web模板引擎的吗 说说你对这模板引擎的理解
用了Mustache模板引擎
vue的.sync 修饰符可以用表达式吗？
不可以
你知道style加scoped属性的用途和原理吗？
用途：scoped会在元素上添加唯一的属性（data-v-x形式），
css编译后也会加上属性选择器，在标签上绑定了自定义属性，
防止css全局污染
如何在子组件中访问父组件的实例？
this.$parent拿到父组件实例
this.$children拿到子组件实例（数组）
vue中如果父组件想调用子组件的方法，可以在子组件中加上ref，
然后通过this.$refs.ref.method调用(https://www.cnblogs.com/jin-
zhe/p/9523029.html)
Vue中子组件调用父组件的方法，这里有三种方法提供参考：
1：直接在子组件中通过this.$parent.event来调用父组件的方法
2：在子组件里用$emit向父组件触发一个事件，父组件监听这个事件
3：父组件把方法传入子组件中，在子组件里直接调用这个方法
（https://www.cnblogs.com/jin-zhe/p/9523782.html）
watch的属性用箭头函数定义结果会怎么样？
因为箭头函数默绑定父级作用域的上下文，所以不会绑定vue实例，所以 this 是undefind
你有使用过babel-polyfill模块吗？主要是用来做什么的？
ES6的转码。IE的兼容
babel默认只转换语法,而不转换新的API,
如需使用新的API,
还需要使用对应的转换插件或者polyfill去模拟这些新特性。
Babel默认只转换新的JavaScript句法（syntax），而不转换新的API，比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象，以及一些定义在全局对象上的方法（比如Object.assign）都不会转码。
举例来说，ES6在Array对象上新增了Array.from方法。
Babel就不会转码这个方法。如果想让这个方法运行，
必须使用babel-polyfill，为当前环境提供一个垫片。
currentTarget：事件绑定的元素
target:鼠标触发的元素
event.currentTarget指向事件所绑定的元素，而event.target始终指向事件发生时的元素。
在.vue文件中style是必须的吗？那script是必须的吗？为什么？
试验了下，在 .vue 文件中，template是必须的，而script与style都不是必须的。
vue怎么实现强制刷新组件？
this.$forceUpdate() //模版上绑定key <SomeComponent :key="theKey"/> //选项里绑定data data(){ return{ theKey:0 } } //刷新key达到刷新组件的目的 theKey++;
vue变量名如果以_、$开头的属性会发生什么问题？怎么访问到它们的值？
报错 变量未定义
以 _ 或 $ 开头的属性 不会 被 Vue 实例代理，因为它们可能和 Vue 内置的属性、API 方法冲突。
你可以使用例如 $data.xxx或者_data.xxx 的方式访问这些属性。
在vue中created与activated有什么区别？
vue中mixins和extends有什么区别？
讲讲你对 sync修饰符的理解
Vue.observable你有了解过吗？说说看
vue中怎么重置data？
说说你对vue的错误处理的了解？
在vue事件中传入$event，使用e.target和e.currentTarget有什么区别？
说下$attrs和$listeners的使用场景 #461
使用
普通的css使用 <style scoped> >>> .disanfangclass { color: gray; } </style> scss使用 <style lang="scss" scoped> ::v-deep .formatter-text { color: red; } </style> less使用 <style scoped lang="less"> /deep/ img{ width: 100px; height: 100px; } </style>
