优秀的编程知识分享平台

网站首页 > 技术文章 正文

Web前端必会知识点:VUE路径问题解析-Web前端教程

nanyue 2024-07-18 22:26:58 技术文章 6 ℃



<script>标签用于定义客户端脚本,比如javascript。<script>元素既可包含脚本语句,也可以通过src属性指向外部脚本文件。

VUE路径问题

import:

html文件中,通过script标签引入js文件。

而vue中,通过importxxxfromxxx路径的方式导入文件,不光可以导入js文件。

“xxx”指的是为导入的文件起一个名称,不是指导入的文件的名称,相当于变量名。

“xxx路径”指的是文件的相对路径.

src下有components,router文件夹和app.vue文件,components文件夹下游apple.vue和banana.vue,router文件夹下有index.js路由文件

在路由index.js中,导入apple.vue和banana.vue

importbananafrom'@/components/banana'

importapplefrom'../components/apple'

以上例子,通过两种方式定义相对路径,并且省略了文件的后缀名。

.方式

以父子目录的方式定义相对路径

./指当前目录

../指当前目录的上一层目录

@方式

以根目录的方式定义相对路径

vue在webpack.base.conf.js文件中有如下配置

//连接路径并返回

functionresolve(dir){

returnpath.join(__dirname,'..',dir)

}

module.exports={

resolve:{

//在导入语句没带文件后缀时,webpack会自动按照顺序添加后缀名查找

extensions:['.js','.vue','.json'],

//配置别名

alias:{

'vue#39;:'vue/dist/vue.esm.js',

//将项目根目录中,src的路径配置为别名@

'@':resolve('src'),

}

}

}

<script>标签用于定义客户端脚本,比如JavaScript。script元素既可以包含脚本语句,也可以通过src属性指向外部脚本文件。必需的type属性规定脚本的MIME类型。

以上就是今天酷仔提供的“Web前端必会知识点:VUE路径问题解析-Web前端教程”一文,希望为学习Web前端的同学提供帮助,以后酷仔每日均会提供Python编程及Web前端相关的知识内容。

特殊说明:以上资料由开课吧提供!

Tags:

最近发表
标签列表