关于在vue或nuxt项目中，利用JS去修改CSS样式方法有很多，比如：通过变量控制类名、通过变量控制style、通过JS去设置元素的style等等。但这些都是通过去修改元素的属性来修改，而不是去直接修改css样式表中的样式属性。本文讲述通过JS去修改 sass 变量的方式，来修改元素的样式表中的属性值。.........

1、在项目的assets文件夹下创建一个fonts的文件夹2、将UI给的字体文件放到该目录下3、在 fonts 文件夹中新建一个fonts.css 文件4、在 fonts.css 文件中引入字体，并定义字体名称5、在项目中使用第三方字体，分为以下两种情况：...

1、在Vue3中，通过`createApp()`方法创造的应用实例会暴露一个 `config` 对象允许我们配置一些应用级的选项，例如全局变量。2、Teleport是 Vue 3 的新增的内置组件，用于将组件内的子节点传输/移动到整个页面 DOM 树的其他DOM节点下。其接收一个 to属性来指定传送的目标。to属性的值可以是一个 CSS 选择器字符串，也可以是一个 DOM 元素对象。

在Nuxt.js项目中，当接口报错或后台数据返回异常时，前端展示就会呈现接口报错的信息，这会给用户非常不好的体验。所以当出现404、500等应用错误时，我们可以在项目的根目录下创建layouts文件夹，然后在该文件夹下创建error.vue文件，创建后该文件就是Nuxt.js默认的错误缺省页，当出现404、500等应用错误时就会自动跳转到该error.vue页面，或者根据接口结果进行手动跳转。同时

一、路由1、概念​路由本质上来说就是一种对应关系，比如说我们在浏览器中输入不同的 url 地址，我们就能访问不同的资源，那么这 url 地址与资源之间的对应关系，就是路由。2、分类① 后端路由​后端路由是通过服务器实现的，根据不同的用户 url 请求，返回不同的资源，本质上就是 url 地址与服务器资源之间的对应关系。② 前端路由​前端路由是通过页面 hash 值(锚链接) 的变化实现的，根据不同

一个创建好的单文件组件（SFC）首先要进行注册，然后才能被别的组件使用。注册方法按照作用域区分为两种：全局注册和局部注册。全局注册需要通过`main.js`中利用Vue应用实例中提供的component()。局部注册需要在父组件中显式的导入要使用的组件。父组件想要向子组件传递数据，需要借助`Props`来实现。子组件向父组件传递数据需要借助自定义事件实现。父子组件之间可以通过`v-model`和`

1、在Vue3中，通过`createApp()`方法创造的应用实例会暴露一个 `config` 对象允许我们配置一些应用级的选项，例如全局变量。2、Teleport是 Vue 3 的新增的内置组件，用于将组件内的子节点传输/移动到整个页面 DOM 树的其他DOM节点下。其接收一个 to属性来指定传送的目标。to属性的值可以是一个 CSS 选择器字符串，也可以是一个 DOM 元素对象。

动态组件允许在同一挂载节点动态切换多个组件，可以根据具体条件，动态决定显示的组件。动态组件默认只保持当前组件存活，其余被切换掉的组件会被卸载，但可以结合KeepAlive组件实现被切换掉的组件保持存活状态。将KeepAlive组件包裹在动态组件的外层，当动态组件发生切换时，默认会将所有被切走的非活跃组件进行缓存，而不是销毁，并且组件内部的状态也会被保留。

PWA 主要拥有以下几种特点：① 跨平台② 可安装③ 离线访问④ 推送通知⑤ 快速加载⑥ 可搜索⑦ 热更新。PWA的实现依赖于多种技术实现，其中最核心的技术为`Service Worker`、`Web App Manifest`和`Push Notification`。

在很多vue的组件库 , 如vant，elementUI， iview等都可能自定义一些样式文件，如果我们在项目中引入了样式组件或者通过v-html渲染了数据，然后想要去修改他们内部的某元素的样式, 直接修改样式很可能不起作用，修改无效, 但如果直接去掉scoped话又会影响全局样式，令人头疼。本文是介绍：样式穿透和额外的全局的方式来解决该问题。