Vue知识点

网上有很多Nuxt环境变量配置方式，经过多次调试，我终于发现了更方便的解决方案，不需要下载插件，不用在代码内进行判断，仅需几行代码解决的方案

网上关于改变svg颜色方式很多，但由于最近的项目本身比较轻量，不想下载太多插件，便写了这个轻量的组件，用于改变svg颜色

vuex可以在项目中提供诸多便利，但刷新页面后，vuex就会被重置，导致一些问题，一般在项目中会使用vuex持久化的插件，解决vuex刷新后的问题。

大家都在写羊了个羊，刚好最近在了解低代码平台，就顺手写一个拖拽版本的羊了个羊。第二关有点难了，也是卡自己的bug才过关了

只要监听的数据没有变化，计算属性就不会重新运行，性能更优。methods没有缓存，每次都会执行，一般是监听事件时使用

展示长列表，DOM元素越多，性能也就越差。虚拟列表通过固定的dom元素，只展示可见部分的数据，可以解决dom元素过多带来的性能问题。

最近产品经理又又加了一个需求，想在开单页面加一个计算器，用户就可以在录单时可以使用计算器了。 需求内容就一句话：支持加减乘除四则运算，点击计算器图标，当前页面弹出计算器弹窗

Vue2版本下，如果同时使用v-for和v-if，代码会报错，但在Vue3版本下，同时使用v-if和v-for并不会报错，这又是为什么呢

动态路由主要是为了解决权限问题，在vue中router具有addRoutes方法，可以动态添加路由。

Vue项目中有许多表格需要使用快捷键操作，以提高操作速度，比如财务报表，销售开单等的快速输入和保存上。了解到`vue-direction-key`解决了这样一个问题，因此想手写一个类似的指令。

最近做项目时使用了select标签，希望能更改select的样式，奈何option标签的样式无法修改，于是打算封装一个类似el-select组件。

vue中的指令包括有：v-if,v-show，v-model等等，除此之外vue也支持自定义指令。拥有自定义指令，就有了更多的可能。自定义指令一般用于：对DOM元素进行底层操作时。

跨域，它是由**浏览器的同源策略**造成的，是浏览器对JavaScript实施的安全限制。我们使用Ajax请求后端接口时，域名、协议、端口只要有一项不同，便会跨域。

在Vue组件的style标签具有scoped属性的情况下，还能控制子组件的样式，可以选择深度选择器。