
vue
搬砖的猿@
坚守自己的热爱
展开
-
【Echarts】Vue2 引入中国地图及默认省份高亮显示
【Echarts】Vue2 引入中国地图及默认省份高亮显示。原创 2022-10-14 14:42:37 · 2423 阅读 · 1 评论 -
【VUE2】vue中render函数 渲染html代码的三种方式
vue render的三种输出方式转载 2022-10-08 10:53:07 · 3800 阅读 · 0 评论 -
【VUE】在vue中实现防抖函数(解决Vue 2.x组件内this上下文问题)
在vue中实现防抖函数是非常简单的事情,但是往往我们生成的防抖函数可能需要使用到组件内的this上下文,那么这个时候可能就需要灵活的变通一下了,这篇文章只是介绍我遇到这个问题时候的思路哈,各位大佬如有更好的方法,欢迎给小弟在评论区介绍一下哈~首先还是来说一下在vue中不需要考虑this上下文的防抖函数生成方法:在项目中的utils文件夹下的util.ts文件中声明一个防抖函数生成方法:export function debounceFromVue (fn: Function, time: nu.原创 2021-12-01 10:33:52 · 2073 阅读 · 0 评论 -
【Vue】vue-router 实现原理
History模式和Hash模式的区别1.url地址不一样。Hash 模式是把Url中#后边的内容作为路径地址,而 History 模式则和我们平常看到的地址几乎一样,相比之下, History 模式的地址更加简洁。2.实现原理不一样。(详细原理后面说)3.服务器配置不一样。History 模式下需要我们在服务器端去进行配置,防止其请求对应路径下的index.html或index.htm文件,而 Hash 模式则不需要在服务器端进行任何配置。(如果在nginx中进行配置,需要在nginx.conf原创 2021-09-18 18:24:38 · 149 阅读 · 0 评论 -
Vuex中State、Getter、Mutation、Action、Module作用和用法
Vuex store的基本代码结构如下:一、Statestate是单一状态树,里面集中存储所有的数据,简单地说,也就是vuex用来存储数据状态的地方。用法也非常简单,将需要保存的数据添加在里面,然后外界可通过$store.state.[data]访问即可,当然也可以用vuex提供的mapState去简化,需要注意的是,需在computed中调用mapState方法拿到vuex state中的数据。具体如下:这里一共展示了三种拿到state数据的用法,第一种就是通过vue实例对象上的$s.原创 2020-11-27 00:15:11 · 1860 阅读 · 0 评论 -
NuxtJS 基本使用
一、初始化NuxtJS项目这里我们手动来初始化一个NuxtJS项目,方便理解。具体官方文档参照:nextJS官方文档首先先创建一个文件夹可以取名为 NuxtJS_demo,并在此文件夹下执行以下命令 :npm init -ynpm install nuxt此时我们的文件夹中会生成package.json文件,这时候我们可以把package.json文件中的scripts添加一个执行dev指令如:{ "name": "NuxtJS_demo", "version": "1.0.0原创 2020-12-14 21:29:29 · 4058 阅读 · 1 评论