components/header-nav/menu-nav.vue <template> <div> menu nav </div> </template> components/header-nav/login-nav.vue <template> <div> login nav </div> </template> 第一种方法: components/header-nav/index.js import…

最近看到一种router的写法 import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) const login = r => require.ensure([], () => r(require('@/page/login')), 'login'); const manage = r => require.ensure([], () => r(require('@/page/manage')), '…

***import: 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 app…

需求 项目为多页应用,包含产品a.b.c.d.e,每个产品都有自己的翻译文件.一次加载所有翻译文件是极度不合理的.于是考虑动态加载. 实现 参考官方文档:延迟加载翻译 项目结构 │ ├── dist // 静态资源输出目录 │ ├── src │   ├── assets │   ├── components │   ├── lang // 语言翻译文件 │   ├── a │   ├── en_US.js │   └── zh_CN.js │   ├── b │   ├── en_US.js…

例:import {queryDepartTreeList, searchByKeywords} from '@/api/api' 首先查看vue.config.js文件,在这个文件里面定义了定义了@的含义 const path = require('path') function resolve(dir) { return path.join(__dirname, dir) } module.exports = { chainWebpack: (config) => { config.reso…

一般我们在vue中导入另外一个文件或者文件中的方法,我们都是使用import来实现他的,那么问题来了,现在我们要导入的不是另外的一个文件,而是在线链接,这该怎么办?我们也使用了 import * as XX from 'http://www.baidu.com',这样我们也试过了没用,这该咋办呢,话不多说了,直接上代码! index.vue <template> <view>哈喽!你好</view> </template> <script> ex…

在es6之前js一直没有自己的模块语法,为了解决这种尴尬就有了require.js的出现.在es6发布之后js又引入了import的概念使得不清楚两者之间的区别的同学在实际使用过程中造成了自己的误解,在查阅了相关资料之后在此记录下自己的小小见解. require的基本语法 核心概念:在导出的文件中定义module.export,导出的对象的类型不予限定(可以是任何类型,字符串,变量,对象,方法),在引入的文件中调用require()方法引入对象即可. //a.js中 module.export…

config/index.js export default '123456'; import strs from '@/config';   //此处直接写@config就可以, 如果是export default, import 任意名字都可以 config/index.js let url="vxianfeng"; let name="微先锋"; export {url,name}; import {url,name} from '@/config';  //…

在es6中使用export和import实现模块化: js文件: export function test(x) { console.log(x); } vue组件: import {test} from "../model/vueEvent.js"; 这是标准的export.import配合使用方法,当我在mounted钩子函数使用引入的test()方法时能够直接使用. mounted(){ test("aaa"); }/*控制台输出*/aaa 但是想要直接把函数…

Vue使用import ... from ...来导入组件,库,变量等.而from后的来源可以是js,vue,json.这个是在webpack.base.conf.js中设置的: module.exports = { resolve: { extensions: ['.js', '.vue', '.json'], alias: { '@': resolve('src') } } ... } 这里的extensions指定了from后可导入的文件类型. 而上面定义的这3类可导入文件,js和vue是…