<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$':'vue/dist/vue.esm.js',
//将项目根目录中,src的路径配置为别名@
'@':resolve('src'),
}
}
}
<script>标签用于定义客户端脚本,比如JavaScript。script元素既可以包含脚本语句,也可以通过src属性指向外部脚本文件。必需的type属性规定脚本的MIME类型。