this.$ls.get与localStorage.getItem有区别吗
时间: 2024-05-29 19:08:53 浏览: 19
两者都可以用来获取本地存储的值,但是this.$ls.get是Vue.js的插件中的方法,而localStorage.getItem是原生JavaScript中的方法。this.$ls.get更加简单易用,可以直接使用this.$ls.get(key)来获取存储的值,而localStorage.getItem需要使用localStorage.getItem(key)来获取存储的值。
相关问题
this.$router.resolve和push的区别
this.$router.resolve和this.$router.push是Vue Router中用于导航的两个方法,它们的区别在于:
1. 参数类型:this.$router.resolve只支持query参数,而this.$router.push可以同时支持query参数和params参数。
2. 导航方式:this.$router.resolve只是返回目标路由的信息,不会进行页面跳转,而this.$router.push会进行页面跳转。
3. 地址栏显示:使用this.$router.push进行路由跳转时,参数会显示在地址栏中;而使用this.$router.resolve进行路由跳转时,参数不会显示在地址栏中,可以通过结合localStorage或第三方插件来保存参数。
changeLang(e) { this.$changeLang(e); if(e == 'zh'){ //如果是中文:将中文缓存起来,并且赋值给全局的i18n对象的locale。完成切换。 localStorage.setItem('locale', 'zh') this.$i18n.locale = localStorage.getItem('locale') } else { localStorage.setItem('locale', 'en') this.$i18n.locale = localStorage.getItem('locale') } },Vue.prototype.$changeLang = (e) => { i18n.locale = e; if (e == 'zh') { elLocale.use(localeZh) } else { elLocale.use(localeEn) } console.log(App,777) }
这段代码是一个Vue组件的方法和Vue原型的扩展。`changeLang`方法用来切换语言,它接收一个参数`e`,首先调用了一个名为`$changeLang`的方法,然后根据参数`e`的值判断是切换为中文还是英文。如果是中文,将中文缓存起来,并将其赋值给全局的i18n对象的locale属性,完成语言切换。如果是英文,则将英文缓存起来,并将其赋值给全局的i18n对象的locale属性。`Vue.prototype.$changeLang`是对Vue原型进行扩展,在这个扩展函数中,根据传入的参数`e`,设置i18n的locale属性,并根据语言选择使用不同的本地化组件。最后打印出App和777的日志信息。