# vue-basic

**Repository Path**: luciooo/vue-basic

## Basic Information

- **Project Name**: vue-basic
- **Description**: vue.js从入门到进阶
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-06-20
- **Last Updated**: 2022-08-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-basic（记录学习）

### Vue组件的使用
待补充

### Slot插槽的使用
待补充

### 通过Vue.use()方法注册组件
创建一个js文件，在里面定义一个包含install方法的对象，然后export
在main.js中使用Vue.use()的形式来引用该对象
项目启动时会自动执行install方法（示例见config目录）

### 环境变量
你可以在你的项目根目录中放置下列文件来指定环境变量
```
.env # 在所有的环境中被载入
.env.local # 在所有的环境中被载入，但会被git忽略
.env.[mode] # 只在指定的模式中被载入
.env.[mode].local # 只在指定的模式中被载入，但会被git忽略
```

### 查看npm全局配置
```
npm config ls -l
```

### 修改npm包存储路径
```
npm config set prefix 'D:\Program Files\npm'
npm config set cache 'D:\Program Files\npm\cache'
```

### ES6拓展运算符（...）
```
function mapState(arr) {
  let obj = {}
  arr.foreach(key => {
    obj[key] = function() {
      return this.$store.state[key]
    }
  })
  return obj;
}
```

### ES6属性名表达式（[]）

### 项目构建步骤
```
npm install
```

### 启动项目
```
npm run serve
```

### 打包
```
npm run build
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).

### add&commit测试