vue
文章平均质量分 62
前端三疯
这个作者很懒,什么都没留下…
展开
-
vConsole-手机网页调试神器
最近在做一个H5的项目,需要将项目嵌入到浙里办里,需要调用浙里办的API(定位和扫一扫)功能,但是并没有很好的调试工具,虽然有个政务中台调试工具,但是只能调试返回参数,这我看文档也能知道啊。想着能不能在开发的时候,通过手机直接调试,就发现了这个神器:vConsole,一个轻量、可拓展、针对手机网页的前端开发者调试面板。...原创 2021-09-15 20:03:56 · 1411 阅读 · 0 评论 -
茶道学习了解
茶分类:目前主要的茶叶分类,根据茶叶的工艺和品质再此基础上,再加工形成认识六大茶叶绿茶茶叶形状红茶物质转变乌龙茶黄茶白茶黑茶茶叶的选购1.无浑浊如何辨别分辨真假高山茶 && 平地茶茶的储存绿茶和半发酵茶黑茶储备绿茶名茶荟萃原创 2021-09-12 16:43:40 · 89 阅读 · 0 评论 -
你所不知道的v-bind用法
v-bind指令大家一定很熟悉,簡單來講就是給組件綁定屬性,但是 大家是不是很多少用到綁定對象,有人說,設置class 時我就是綁定對象,你說的很對,但是不是我想說滴參考資料v-bind原创 2021-09-11 10:59:59 · 1189 阅读 · 0 评论 -
快速搞懂Composition API
在Vue3.0中,对于编程语法方面最大的亮点应该就是Composition API,可以避免我们在Vue2.x中的碎片化编程的方式,易于后期维护。闲话不多说,我们学习一下Composition API的主要思想和使用,在整个过程中我们会使用鼠标位置显示的小栗子来讲解。实例代码setupsetup是组合式(Composition)编程的入口,setup接受两个值:props 和 context,在这里我们先不讲解;返回一个对象,我们将需要返回的内容放在这个对象中,这样在组件其余部分(比如:计算属性、方法原创 2021-07-07 19:23:03 · 643 阅读 · 0 评论 -
Vue3.0 VS Vue2.0大比拼
从今年初项目使用Vue3.0,对于Vue3.0来说,是真香啊,对于还在使用Vue2.0的同学,可以上车了,体验多多,今天主要从以下几个方面说一下Vue3.0相对于2.0的改进。源码组织方式发生改变使用强类型语言TypeScript重写源码目前来说,对于大型的项目建议使用TypeScript来进行开发,可以在编码过程中,检查类型错误相关问题,增强程序的健壮性和可维护性。使用Monorepo管理项目结构使用一个项目仓库管理多个包(模块),将不同功能的代码放在不同的模块中,职能划分明确,并且每个模块都可原创 2021-07-03 17:24:42 · 992 阅读 · 0 评论 -
Vuex核心概念和核心用法
前言本文主要介绍vuex的核心概念和核心用法,实例代码 查看分支有惊喜偶!Vuex 用于集中管理响应式的管理组件的状态,所谓 集中,就是在很多个组件中都需要用到的数据可以在一个地方统一管理;所谓 响应,在数据改变之后,用到此数据到组件会随之发生变化。上图是Vuex的工作方式,首先在State定义需要维护的状态,并且用于相应组件。在组件中异步改变状态时,在Actions中进行异步操作,并使用Dispatch去触发。当异步完成后,使用commit触发Mutations中状态的改变。若无异步操作,可直接使用原创 2021-04-03 18:05:55 · 160 阅读 · 0 评论 -
Vue组件间通信
将页面业务合理的拆分成组件,能够带给我们更快的开发效率和方便后期的维护。但是这些组件通常情况下并不是独立存在的,他们之间会进行通信。在Vue中根据不同的组件间的关系提供了不同的通信规则。如上图所示,组件间通信分为:父组件和子组件通信子组件和父组件通信非父子组件通信父组件向子组件通信在子组件中通过props接收数据在父组件中通过相应属性传值给子组件// child 组件<child :current="current"></child>// parent原创 2021-03-24 16:54:53 · 83 阅读 · 0 评论