深圳市营销型网站建设,ppt模板下载免费版课件,服务平台名称大全,网络营销的4p策略***import#xff1a; html文件中#xff0c;通过script标签引入js文件。而vue中#xff0c;通过import xxx from xxx路径的方式导入文件#xff0c;不光可以导入js文件。 from前的#xff1a;“xxx”指的是为导入的文件起一个名称#xff0c;不是指导入的文件的名称 html文件中通过script标签引入js文件。而vue中通过import xxx from xxx路径的方式导入文件不光可以导入js文件。 from前的“xxx”指的是为导入的文件起一个名称不是指导入的文件的名称相当于变量名。 from后的 “xxx路径”指的是文件的相对路径. 例如 在路由index.js中导入apple.vue和banana.vue import banana from /components/banana
import apple from ../components/apple 或者在某个.vue文件中导入css import ../assets/xxx.css 当然导入css还可以在.vue文件里的 style/*当然这个和下面所说的代表src的不是一回事这个只是一种引入css的一种方式*/import ../css/style.css;
/style 以上例子通过两种方式定义相对路径并且省略了文件的后缀名。 ***.方式以父子目录的方式定义相对路径. /指当前目录. ./指当前目录的上一层目录 ***方式以根目录的方式定义相对路径vue在webpack.base.conf.js文件中有如下配置 // 连接路径并返回
function resolve(dir) {return path.join(__dirname, .., dir)
}module.exports {resolve: {// 在导入语句没带文件后缀时webpack会自动按照顺序添加后缀名查找extensions: [.js, .vue, .json],// 配置别名alias: {vue$: vue/dist/vue.esm.js,// 将项目根目录中src的路径配置为别名: resolve(src),}}
} 转载于:https://www.cnblogs.com/taohuaya/p/10651902.html