
Vue
文章平均质量分 50
我是梅哥
这个作者很懒,什么都没留下…
展开
-
vue全局API
vue api原创 2022-08-12 10:15:28 · 549 阅读 · 0 评论 -
vue深入响应式原理
vue深入响应式原理原创 2022-08-10 10:46:59 · 270 阅读 · 0 评论 -
vue处理边界情况
vue处理边界情况原创 2022-08-08 15:48:22 · 586 阅读 · 0 评论 -
vue自定义组件上的v-model
vue v-model原创 2022-08-08 13:09:03 · 279 阅读 · 0 评论 -
vue的计算属性缓存vs方法
vue的学习原创 2022-08-05 09:37:11 · 358 阅读 · 0 评论 -
VUE之自定义插件
index.js文件import promptBox from "./prompt-box.vue"// 定义插件对象const PromptBox = {};// vue的install方法,用于定义vue插件PromptBox.install = function(Vue,options) { //使用Vue构造器,创建一个'子类' const PromptBoxInstance = Vue.extend(promptBox); let currentPrompt; const in原创 2022-05-13 14:36:56 · 804 阅读 · 0 评论 -
手写MVVM篇(Vue简单版)
MVVM.js/*相关于Vue的构造函数 */function MVVM(options) { // 将选项对象保存到vm this.$options = options; // 将data对象保存到vm和datq变量中 var data = this._data = this.$options.data; //将vm保存在me变量中 var me = this; // 遍历data中所有属性 Object.keys(data).forEach(function (k转载 2021-04-27 14:42:40 · 273 阅读 · 0 评论 -
vue源码解析之数据代理、模板解析、数据绑定篇
1. 准备1.[].slice.call(lis): 将伪数组转换为真数组2.node.nodeType: 得到节点类型3.Object.defineProperty(obj, propertyName, {}): 给对象添加/修改属性(指定描述符) configurable: true/false 是否可以重新define enumerable: true/false 是否可以枚举(for..in / keys()) value: 指定初始值 writable: true/false va转载 2021-04-26 17:22:05 · 205 阅读 · 0 评论 -
Vue进阶-从0到1搭建UI组件库
基本介绍课程介绍做什么?Vue进阶-从0到1搭建UI组件库哪些内容?封装常见的功能性组件(Button、Modal、Form相关)把组件封装成UI组件库并且发布到NPM上涉及知识点vue基础语法组件基本语法组件通讯(sync,provide,inject)插槽的使用props校验过渡与动画处理计算属性与监听属性v-model语法糖vue插件机制npm发布课程收货掌握组件封装的语法和技巧学会造轮子,了解element-ui组件库的实现原理搭建和积原创 2021-04-07 15:20:51 · 920 阅读 · 1 评论 -
.gitignore文件忽略提交unpackage包到github仓库(uni-app)
起因:今天工作中发现团友小伙提交代码合并到master分支上,让我去pull一遍下来,然而unpackage文件一直说有东西重复了,让我删除掉先,所以我就明白了应该是他提交了unpackage包上去了,所以我们就来解决两个问题:1、要怎么样把远程分支上的unpackage包给删除掉?2、要怎么要每次提交都忽略unpackage等文件?1、要怎么样把远程分支上的unpackage包给删除掉?(本地的还在)git rm -r --cached unpackage远程分支删除了,本地分支的unpack原创 2020-06-20 09:36:54 · 3828 阅读 · 0 评论 -
vue项目部署到服务器nginx以及手机端测试
前言:实习也快半年了,一直都是在学习前端,对于打包部署上线这玩意都是觉得好高大上,好难,昨天学习完了之后就发现也就这么回事,一点都不难(当然上线我还没学到)据我所了解的服务器有nginx服务器,Apache tomcat服务器(我的天哪,原来tomcat是个服务器,我TM Java Web学了啥),nginx服务器是个轻量级、又简单的服务器,身边的同事都有用到nginx,所以我就用它来部署vu...原创 2019-12-13 11:45:10 · 1163 阅读 · 3 评论 -
在vue项目中调用百度地图API及其基本用法
调用步骤申请百度地图密钥在index.html中添加百度地图JavaScript API接口在webpack.base.conf.js配置文件中配置BMap创建vue文件map.vue,然后各种引用 。。。。一、申请百度地图密钥JavaScript API v1.4以及以前的版本无序申请秘钥(ak),自v1.5版本开始需要先申请秘钥(ak),才可以使用,如需获取更高的配额,需要申请...原创 2019-12-11 18:22:21 · 4308 阅读 · 2 评论 -
Vue2.4.0新增inheritAttrs,attrs详解,补充说明$listener
场景介绍vue中的属性绑定只能是父组件传递给子组件。当你有这样的需求:你想向嵌套层级比较深的组件传递数据的时候,只能由父组件传递给子组件,子组件再传递给孙子组件,例如:<parent-component :passdown="passdown"><child-component :passdown="passdown"><grand-child-compo...转载 2019-11-26 18:20:38 · 487 阅读 · 0 评论 -
Vuex查缺补漏
Vuex是什么Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。一、mapState辅助函数当一个组件需要获取多个状态时,可以用mapState辅助函数帮我们生成计算属性import {mapState} from 'vuex';computed: mapState ({ ...原创 2019-11-14 16:41:37 · 212 阅读 · 0 评论 -
vue禁用物理返回键
点击登录后进入主界面,按物理返回键还是可以回到登录页面,再次进入又需要重新登录,用户体验不好,所以我们可以把物理返回键禁用掉,把以下代码复制到需要禁用返回键的页面,放在activated()函数钩子里面,就可以了if (window.history && window.history.pushState) { history.pushState(null, nul...原创 2019-11-04 17:43:04 · 2022 阅读 · 0 评论 -
事件修饰符、按键修饰符、v-model修饰符
事件修饰符.stop.prevent.capture.self.once.passive<!-- 阻止单击事件继续传播 --><a v-on:click.stop="doThis"></a><!-- 提交事件不再重载页面,就是能显示页面的意思 --><form v-on:submit.prevent="onSubmit...原创 2019-09-17 17:46:45 · 656 阅读 · 0 评论