关于vue import 引入方法的简单介绍 import { name } 或 import name

日常开发中经常会遇到引用组件路径和定义名称明明是对的,但是浏览器却会报错未找到定义名称。或者开发工具语法提示错误,那大概就是这个问题了:

方式一:
export const name = 'value'
调用引入
import { name } form '...'

方式二:(注意{} 是关键!)
export default 'value'
调用引入
import anyName form '...'

方式三:
export { name as newName }
调用引入
import { newName } from '...'

方式四:
export { name1,name2 as newName2 }
调用引入
import { name1 as newName1,newName1 } from '...'

注意语法

你可能感兴趣的:(关于vue import 引入方法的简单介绍 import { name } 或 import name)