vue
文章平均质量分 55
JINMINGIS
v:JINMINGIS
展开
-
一文回顾Vue2 | 看看我们都学了什么
Vue指令v-if v-else v-else-if v-show v-model v-text v-html v-cloak v-for v-on v-bind v-slot v-pre v-oncev-if和v-show是否可以连用在vue2中v-show的优先级高于v-if,所以会在每一个节点上都出现v-if,造成性能上的浪费,不建议连用。v-text和v-html的区别v-text无法解析htmlv-show和v-if的区别v-show和v-if的本质区别在于是否渲染了该节点,v-s原创 2021-12-20 15:17:56 · 478 阅读 · 0 评论 -
高德地图初体验之不完全指北
使用步骤【原生api】vue中在public/index.html<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script> 基本的步骤文档中写的很详细了,这边就不多介绍了。申请应用时请注意所选择的类型(Web JS)同时需要在vue.config.js中module.exports = {configureWebp原创 2021-06-04 17:20:45 · 282 阅读 · 1 评论 -
一文理解V-model
前言要实现自定义组件前先要了解vue中是通过什么使数据和自定义的组件实现了绑定,本文内容主要就是了解v-model使用及简单的原理。v-modelv-model 是一个语法糖,可以拆解为props: value和 events: input。在使用中 <base-check v-model="checkFlag">相当于<back-check v-bind="value" @input="(value)=>this.value=value">在组件内部及原创 2021-04-07 08:36:29 · 552 阅读 · 0 评论 -
Vue中使用mixins
前言在业务组件中,可能存在大量相同的操作,例如获取数据,数据格式处理等等,重复写代码对于cv能手来说也比较烦,mixin可以帮助减少单个业务组件的代码。在刚接手项目的时候看到部分文件的代码超过千行,顿感不适,细看代码存在大量重复的操作,甚至还存在一些没有用的代码,在git管理下应该确保没有无用的代码。使用先看下官方文档的例子,可以清晰的了解到mixin就相当于游戏的mod(也不知道比喻的恰不恰当)在项目中,可能我们通常都需要写以下几个方法,通常我们会发现很多的vue文件内写的这些方法都是相同的,原创 2021-04-02 13:04:51 · 237 阅读 · 0 评论 -
尝试封装基础组件-table
前言在业务中,经常会使用到table组件来展示数据,往往在使用el-table时会遇到样式之类的不能随心改变,在这种情况下通常采用封装第三方组件的方式实现效果。举个栗子二次封装el-table来满足一些界面效果,同时可以统一使用,在props中添加需要的属性,并且可以在组件内对于数据进行统一的处理,可以使用deep去修改el-table默认的样式。 <el-table :data="list" :height="height" :border="border" :width="w原创 2021-04-01 13:33:58 · 192 阅读 · 0 评论 -
尝试封装基础组件-button
前言在业务仔的生活中,经常就是使用各种组件去堆页面。使用第三方的组件库,有时候不能满足项目的样式需求,所以需要封装项目的基础组件库,本文所写的就是一个简单的小案例。基础组件的三个APi属性prop事件event插槽slot举个例子实现基础组件明确功能逻辑处理css样式代码Demo<template> <div class="base-button-container" :class="[{'disabled':原创 2021-03-31 10:21:11 · 196 阅读 · 0 评论