vue
A是曾同学呀
never say never
展开
-
Vue中 .env .env.development .env.production
如上图所示,如过我们运行npm run serve 在就先加载.env文件,之后加载.env.development文件,两个文件有同一个项,则后加载的文件就会覆盖掉第一个文件,即.env.development文件覆盖掉了.env文件的NOOE_ENV选项。同理如果npm run build 就执行了.env和.env.development。比如执行npm run serve命令,会自动加载.env.development文件。注意:.env文件无论是开发还是生成都会加载。(1)在vue文件中使用。转载 2023-02-01 11:32:33 · 331 阅读 · 1 评论 -
如何在 Vue.js 中将字符串的第一个字母大写
我们使用括号索引 ([ ]) 来获取字符串的 0 属性 - 索引 0 处的字符。字符串(和数组)索引在 JavaScript 中是从零开始的,因此字符串的第一个字符位于索引 0,第二个字符位于 索引 1,依此类推,直到索引 str.length-1 处的最后一个字符。如果结果字符串只需要首字母大写,您可以在 slice() 的结果上调用 toLowerCase() 方法,在连接之前将字符串的其余部分小写。如果你试图将 Vue 实例的字符串数据属性大写(就像在我们的例子中),你可以使用计算属性代替方法。原创 2022-12-19 11:03:53 · 2278 阅读 · 0 评论 -
Vue如何保存页面的当前的状态
既然是要保持页面的状态(其实也就是组件的状态),那么会出现以下两种情况: 前组件会被卸载 前组件不会被卸载 那么可以按照这两种情况分别得到以下方法:组件会被卸载:(1)将状态存储在LocalStorage / SessionStorage只需要在组件即将被销毁的生命周期 componentWillUnmount (react)中在 LocalStorage / SessionStorage 中把当前组件的 state 通过 JSON.stringify() 储存下来就可以了。原创 2022-05-08 16:16:39 · 5247 阅读 · 2 评论 -
slot是什么?有什么作用?原理是什么?
slot又名插槽,是Vue的内容分发机制,组件内部的模板引擎使用slot元素作为承载分发内容的出口。插槽slot是子组件的一个模板标签元素,而这一个标签元素是否显示,以及怎么显示是由父组件决定的。slot又分三类,默认插槽,具名插槽和作用域插槽。 默认插槽:又名匿名查抄,当slot没有指定name属性值的时候一个默认显示插槽,一个组件内只有有一个匿名插槽。 具名插槽:带有具体名字的插槽,也就是带有name属性的slot,一个组件可以出现多个具名插槽。 作用域插槽:默认插槽、具名插槽原创 2022-05-08 16:15:13 · 3926 阅读 · 0 评论 -
vue3.x+ts+vite2环境变量配置
在做项目环境变量配置前,可以先到官网回忆一下环境变量的基本使用,https://cn.vitejs.dev/guide/env-and-mode.html一、环境模式首先环境变量是可以分模式的,常用模式如下:.env # 所有情况下都会加载.env.local # 所有情况下都会加载,但会被 git 忽略.env.[mode] # 只在指定模式下加载.env.[mode].local # 只在指定模式下加载,但会被 git .原创 2022-04-24 21:06:00 · 100 阅读 · 0 评论