Components are one of the most powerful features of Vue. Let's take a look at how to write our first components and make use of them in a parent component. Create a component: // item-description.vue <template> <h1> This is item description &l…

@import '~@/assets/scss/helpers/_mixin'; 原理:CSS loader 会把把非根路径的url解释为相对路径, 加~前缀才会解释成模块路径.…

@import '~@/assets/css/style.css' CSS loader 会把把非根路径的url解释为相对路径, 加~前缀才会解释成模块路径.…

最近看到一种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…

以下是vue默认模板结构,自动加载HelloWorld (1)@ 等价于 /src 这个目录,避免写麻烦又易错的相对路径,是在webpack.base.config.js里面配置好别名 (2)import VueRouter1 from 'vue-router'  含义:将vue-router模块中的对象赋值给VueRouter1变量 (3)import router2 from './router' 含义:将router目录的对象赋值给router2变量 (4)router:router2,…

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…

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

在router.ts中引入.vue文件,会提示打不到module,但是编译可能成功,运行也不报错 找了好久,发现了这个答案 https://segmentfault.com/a/1190000016732576?utm_source=tag-newest 但是要注意的是 在src根目录下,新建一个sfc.d.ts文件这个里面的 declare module "*.vue" { import Vue from 'vue' export default Vue } 在shims-vue.d…

1. 引入第三方插件 第三方常用插件参考https://blog.csdn.net/vbirdbest/article/details/86527886 2. 导入 css 文件 import 'iview/dist/styles/iview.css'; 如果是在.vue文件中导入,那么是在vue组件的style里面导入,且import前面需要加@符号 <style> @import 'iview/dist/styles/iview.css'; </style> 3. 导入 js…