Vue.js 允许自定义过滤器，一般可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示： <!--…

npm i vuex 下载 App.vue <template> <div id=”app”> <p>click{{$store.state.count}} t…

前言（前置环境配置） 本文章基于的项目的目录结构以及初始化npm，初始化webpack环境等前置内容，请参考这篇文章：传送门 step 1 安装vue 运行npm i vue先检查不使用.vue文件时项目运行情况，排除其…

最近在利用vue做博客的时候，发现了一个小问题，正常情况下，我们是无法在<router-link>中绑定click等事件的，就算绑定了，那也会被触发，下面也是从网上百度的解决方案如下： <router-…

我来打自己脸了!!!!…刚刚发现在中文输入法下是无效的,有人能解决这个问题么 如果要求input只能输入数字怎么做？ 设置type="number" ? 那我如果想限制长度，此时maxLength=“6” 会…

这是xue源码学习记录，如有错误请指出，谢谢！相互学习相互进步。 vue源码目录为 vue ├── src #vue源码 ├── flow #flow定义的数据类型库（vue通过flow来检测数据类型是否正确） ├── …

方案背景 IOS用的是jsBridge插件实现调用、传参、回调的 安卓是在window挂载方法和挂载回调的 IOS实现方案 调用原生方法封装如下 function setupWebViewJavascriptBridge…

工作原理简要流程图 hashchange --> match route --> set vm._route --> <router-view> render() --> render…

指令 该指令的作用是dom渲染后触发，因为非vue的插件有的是dom必须存在的情况下才可以执行 Vue.directive('loaded-callback', { inserted: function (el, bin…

计算属性与监视方法 计算属性 — computed 计算属性，顾名思义是可以计算数据的属性，为什么要特意出个计算属性呢，因为vue如果直接将两个数据加起来的话，使用加法计负数的算双向绑定数据时就会出现问题 计…

前言 vuex 是 vue 官方出的一个全局的状态管理模式，可以理解为一个 vuex 项目的全局变量吧，再构建大型项目的时候，我们可能会需要用到它。下面就来学一下怎么去使用它吧（本文偏向于具体使用，如要深入学习，请看官方…

v-if 字符串模板中，我们可以像这样写一个条件块： {{#if ok}} <h1></h1> {{/if}} 在Vue中，我们使用v-if指令实现同样的功能： <h1 v-if="ok"&…