Vue主题的文章列表，还有Vue的技术要点_第131页

Vue2 封装的 Quill 富文本编辑器组件 Vue-Quill-Editor

1、安装 npminstallvue-quill-editor--save2、使用import{quillEditor}from'vue-quill-editor'　　3、组件中<quill-editorv-model="content"ref="myQuillEditor"class="e...

代码星球 ·2020-04-02

Vuex简单实例以及安装遇到的坑

vuex是一个专门为vue.js设计的集中式状态管理架构。状态？我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。vuex面试考点两张图一句话一句话：vuex中的异步操作只能在actions中，也就是ajax交互请求数据引入Vuex（前提是已...

代码星球 ·2020-04-02

初学Vue之数量加减

效果图：HTML:<divclass="count3"><ul><liv-for="(key,idx)inliList":key="key.id">{{key.id}},{{idx}}<template><buttonclass="cut"@click="cuts(...

代码星球 ·2020-04-02

vue-3.2-组件的三种定义方式

1.什么是组件：组件的出现，就是为了拆分Vue实例的代码量，能够让我们以不同的组件，来划分不同的功能模块，将来需要什么样的功能，就去调用对应的组件即可；2.模块化：是从代码的角度进行划分的；方便代码分层开发，保证每个模块的职能单一；3.组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用！定义组件的三...

代码星球 ·2020-04-01

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"...

代码星球 ·2020-04-01

vue-2.5-vue-resource的使用-get、post、jsonp发送请求

<!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"...

代码星球 ·2020-04-01

vue-2.4-生命周期函数

先看官网的图： <body><divid="app"><inputtype="button"value="修改msg"@click="update"><h3id="h3">{{msg}}</h3></div><script>/...

代码星球 ·2020-04-01

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"...

代码星球 ·2020-04-01

vue-2.2过滤器的使用与时间格式化

代码星球 ·2020-04-01

vue-2.1-品牌案例的添加、删除、和搜索功能

<head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=...

代码星球 ·2020-04-01

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"...

代码星球 ·2020-04-01

vue 父组件动态传值给子组件的方法

父组件：<uni-collapse-itemtitle="标题信息"ref="child1"thumb="../../static/send-goods.png"></uni-collapse-item>this.$refs.child1.childMethod(count)//调用子组件的函数...

代码星球 ·2020-04-01

记录Vue和Jquery混合开发中关于点击事件的一个bug

最近比较急的接手了公司的微信服务号项目，采用的技术栈主要是jq和vue。在项目中之前碰见过jq写的$().on('click',function(){})点击事件不起作用，只能写在vue实例中的methods中，然后用@click去监测。一直困惑的是这个BUG在不同的页面中有时有，有时没有，而且出现的情况很少。今天工作...

代码星球 ·2020-04-01

Vue Elementui 如何让输入框每次自动聚焦

在项目优化中碰到一个小问题，在每次提示框显示的时候让提示框中的输入框聚焦。如下图。一般情况下提示框是隐藏的。点击了编辑才会弹出。那么原生属性autofocus只在模板加载完成时起作用，也就是说只有第一次有用。然后尝试了ref，再this.$refs.el也不能成功拿到该元素，因为饿了么组件封装的<el...

代码星球 ·2020-04-01

vue中数据双向绑定的实现原理

vue中最常见的属v-model这个数据双向绑定了，很好奇它是如何实现的呢？尝试着用原生的JS去实现一下。首先大致学习了解下Object.defineProperty()这个东东吧！*Object.defineProperty()*对对象的属性进行定义/修改**/letobj={x:10}//这两种方式都相对来说比较简...

代码星球 ·2020-04-01