vue
初学Vue之数量加减
效果图：HTML:<divclass="count3"><ul><liv-for="(key,idx)inliList":key="key.id">{{key.id}},{{idx}}<template><buttonclass="cut"@click="cuts(...
vue-3.1-列表动画
<!DOCTYPEhtml><htmllang="en"xmlns:v-bind="http://www.w3.org/1999/xhtml"xmlns:v-on="http://www.w3.org/1999/xhtml"><head><metacharset="UTF-8"...
vue-3.2-组件的三种定义方式
1.什么是组件：组件的出现，就是为了拆分Vue实例的代码量，能够让我们以不同的组件，来划分不同的功能模块，将来需要什么样的功能，就去调用对应的组件即可；2.模块化：是从代码的角度进行划分的；方便代码分层开发，保证每个模块的职能单一；3.组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用！定义组件的三...
vue-2.4-生命周期函数
先看官网的图： <body><divid="app"><inputtype="button"value="修改msg"@click="update"><h3id="h3">{{msg}}</h3></div><script>/...
vue-2.3自定义全局与私有指令
<!DOCTYPEhtml><htmllang="en"xmlns:v-bind="http://www.w3.org/1999/xhtml"xmlns:v-on="http://www.w3.org/1999/xhtml"><head><metacharset="UTF-8"...
vue-2.1-品牌案例的添加、删除、和搜索功能
<head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=...
vue-2.2过滤器的使用与时间格式化
<script>//添加全局过滤器，进行时间格式化Vue.filter('dateFormat',function(dateStr,pattern=''){//根据给定的时间字符串，得到特定的时间vardt=newDate(dateStr)//yyyy-mm-ddvary=dt.getFullYear()v...
vue-01-插值表达式、事件修饰符
<!DOCTYPEhtml><htmllang="en"xmlns:v-bind="http://www.w3.org/1999/xhtml"xmlns:v-on="http://www.w3.org/1999/xhtml"><head><metacharset="UTF-8"...
vue 父组件动态传值给子组件的方法
父组件：<uni-collapse-itemtitle="标题信息"ref="child1"thumb="../../static/send-goods.png"></uni-collapse-item>this.$refs.child1.childMethod(count)//调用子组件的函数...
Vue Elementui 如何让输入框每次自动聚焦
在项目优化中碰到一个小问题，在每次提示框显示的时候让提示框中的输入框聚焦。如下图。一般情况下提示框是隐藏的。点击了编辑才会弹出。 那么原生属性autofocus只在模板加载完成时起作用，也就是说只有第一次有用。然后尝试了ref，再this.$refs.el也不能成功拿到该元素，因为饿了么组件封装的<el...
vue中数据双向绑定的实现原理
vue中最常见的属v-model这个数据双向绑定了，很好奇它是如何实现的呢？尝试着用原生的JS去实现一下。首先大致学习了解下Object.defineProperty()这个东东吧！*Object.defineProperty()*对对象的属性进行定义/修改**/letobj={x:10}//这两种方式都相对来说比较简...
vue中的$on,$emit,$once,$off源码实现
这几种模式是基于订阅观察者模式的，维护一个事件中心，on的时候将事件按名称存在事件中心里，称之为订阅者，然后emit将对应的事件进行发布，去执行事件中心里的对应的监听器。第一步就是创建一个构造构造，维护一个事件中心eventsfunctionEventEmiter(){this.events={}}$on//event...
vue登录插件引来的后续问题
上次介绍了下写的登录弹框插件，过了几天发现点击去注册或者改密码的跳转失效。报错this.$router.pushisnotafunction,继续打印this.$router也是undefined（可以先看一下上一篇博客提到的弹框登录插件）this.$router.push({path:'/register'})尝试了...
vue项目中的函数封装
项目中一般都会有fun.js这类的文件，里面有各种的如转换时间格式的，处理转换的等等函数方法。其实经常用到的去获取基本数据的接口也可以封装成一个方法，方便复用。如上面所标，获取列表数据之前需要先获取维护的规格选项以及对应的选项值的id集合来进行转换。而且用到这一块的地方还有很多，如商品列表，我的商品等等。关于异步的话，...
vue中登录模块的插件封装
一个电商城的项目，场景是：在未登录的情况下点击收藏或者加入购物车等操作，执行一个方法如this.$login()来动态插入登录组件。第一步：写好关于这个登录弹窗的单文件组件loginBox.vue第二部：编写loginBox.js文件，输出一个函数方法，如下图关于$mount()需要注意 第三步：在Vue的p...
