今日报错+疑惑

34 阅读1分钟

1. 这个插件是要安装什么?这个是一个什么功能的呢?

image.png

2. css 文件里面的引入方式

image.png

这里需要注意的是,要写 @

与之区分的是:在 js 文件里面的引入,不需要 @

image.png

3. 路由

路由相关的,如何处理
配置路由的映射,重定向,懒加载 这个讲解的很详细
vue-router(路由)详细教程_vue 路由-CSDN博客

路由的懒加载,.beforeRouteUpdate 导航守卫 这两个要怎么使用?

关于这个地址的内容,我要怎么去阅读呢??
项目首页 - vue-cli:vuejs/vue-cli:这是一个基于Vue.js的命令行工具,用于快速创建和管理Vue.js项目。特点包括简洁的命令、丰富的插件、易于定制等。 - GitCode

npm install 安装
将安装好的东西保存到对应的文件( router.js )
文件里面导出
在总文件里面导入
总结来说,就是自己定义好了 const router 之后,导入,使用

image.png

4. 关于导包的报错

image.png

@import指令和link的区别

上文已经介绍了@import指令和link的对比使用,这里再来做一下二者的对比,具体如下所示:

1、可以知道link属于HTML标签,但@import 是CSS提供的一种方式。link标签不仅可以加载CSS,还可以定义RSS、定义rel连接属性等;但是@import 只能加载CSS。

2、兼容性的差别。@import是CSS2.1提出的,所以在此之前的旧浏览器不支持,即@import只能在IE5以上才能被识别;但是link标签不存上述的问题。

3、在使用JS控制DOM去改变样式的时候,只能用link标签,不能使用@import指令原因是DOM不可控的。