vue引用组件时为什么有些组件变量需要加上花括号

来源:07素材网 12月24日 13:38
vue引用组件格式:
import 变量 from "@/components/common/组件文件";

其中,我们会发现引用组件时有些变量是通过一对{}加起来,有些不需要如:

// 全部导入
import 组件变量 from './components'

// 导入部分,引入非 default 时,使用花括号
import {组件变量} from './components'

// 导出默认, 有且只有一个默认
export default App

// 部分导出
export class App extend Component {};


例如我们组件user.vue中内容如下
export const user = {
  nickname: "秋林",
  sex: "male"
}

export const shopping = {
  name: "Mobile phone"
}

我们需要全部引入则
import user from './components/user'

我们引入shopping这部分则【其中花括号中的shopping是对应引用组件中的变量名称】
import {shopping} from './components/user'

原文出处:
版权声明:本文来源地址若非本站均为转载,若侵害到您的权利,请及时联系我们,我们会在第一时间进行处理。

头条

在使用SQLite3时遇到的几个坑

在使用SQLite3时遇到的几个坑

《本打算在SQLite3数据库里执行一个查询语句,使用的是php语言,起初遇到的是权限问题: permission denied,因为SQLite3数据库文件和PHP执行者属于两个不同的用户,首先需要对这个文件执行mode 777的权限开放,然后,又遇到了下面这样的PHP错误