vue中常见知识点区别

1、import与@import

script标签 中的import是js的语法, 是在js中去引用css文件。style标签 中的@import是 style的语法，是在css中引用css文件。

2、export、export default与import

export和export default都属于导出的意思，可以在别的文件或模块中通过import将其导入，从而可以对其使用。

export可以使import一次导入多个；export default只能单独导入一个。

区别：一个模块只能有一个默认输出，因此export default命令只能使用一次，export defalut 只能用import boy from '模块路径'，不能带{}；

export，在导入时也一定要import {boy} from '模块路径'

一个js文件中，只能有一个export default； 但是，一个js文件中，可以有多个export。

3、var、let、const

	作用域	重复声明	初始值	提升
var	具有函数作用域（function scope）。如果在函数外部声明，var 会在全局范围内有效;	允许重复声明相同的变量。	可以在声明时不赋值，默认值为 undefined。	在作用域的顶部进行提升，但实际的赋值不会提升。
let	具有块作用域（block scope）。仅在最近的代码块（如 {} 包围的部分）内有效。	不允许重复声明相同的变量。	也可以在声明时不赋值，默认值为 undefined。
const	也具有块作用域，与 let 类似，只不过声明的变量值不能被重新赋值。	不允许重复声明相同的变量。	在声明时必须初始化，之后不能再更改其值。

4、undefined、null、空区别

undefined：只声明了变量但没有初始化；

null:表示空对象指针，是一个object类型

数据类型	转换为true	转换为false
String	非空字符串	""
Number	非零数值	0、NAN
Object	任意对象	null
Undefined	N/A(不存在)	undefined