vue public引入其他路径
时间: 2023-05-30 18:06:30 浏览: 438
详解Vue.js中引入图片路径的几种方式
在 Vue 中,可以使用 `import` 语句来引入其他路径中的组件或文件。这个可以通过以下几个步骤来实现:
1. 在需要引入组件或文件的组件中使用 `import` 语句,例如:
```js
import OtherComponent from "@/components/OtherComponent.vue";
```
上面的代码中,我们使用了 `@` 符号来代表 Vue CLI 中的 `src` 目录。因此,`@/components/OtherComponent.vue` 表示 `src/components/OtherComponent.vue` 文件。
2. 如果需要在模板中使用引入的组件,可以像下面这样使用:
```html
<template>
<div>
<other-component />
</div>
</template>
```
在上面的代码中,`other-component` 就是我们引入的 `OtherComponent` 组件的标签名。
3. 如果需要在 JavaScript 中使用引入的文件,可以直接使用引入的变量名,例如:
```js
console.log(OtherComponent);
```
上面的代码中,我们输出了引入的 `OtherComponent` 变量。
需要注意的是,如果引入的文件路径是相对路径,那么根据当前文件的位置来确定路径,如果是绝对路径,则从项目根目录开始计算。
阅读全文