chevron_left

Vue 2 实践教程
免费
第 8.3 回

教程文档

Vue 2 实践教程 - alias 路径别名

2023年11月13日更新
Vue 2 实践教程

alias 路径别名

定义

修改vue.config.js

const path = require('path')

function resolve(dir) {
  return path.join(__dirname, dir)
}

module.exports = {
  // 其他配置...

  configureWebpack: {
    resolve: {
      alias: {
        '@': resolve('src')
      }
    }
  },
}

使用

import {createArticle} from '@/api/article'

注意：在新版本 Vue 中，此项已无需配置。在项目中可直接使用@，默认就指向src目录。

请登录后查看更多expand_more

课程介绍

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

目录

适合这样的人

新手

授课老师