随笔分类 - js
摘要：文章目录 State 在 Vue 组件中获得 Vuex 状态 mapState 辅助函数 对象展开运算符 Getter mapGetters 辅助函数 Mutation 使用常量替代 Mutation 事件类型 在组件中提交 Mutation Action 分发 Action 在组件中分发 Acti
阅读全文
摘要：文章目录 基本使用 路由的命名 重定向和别名 路由组件传参props HTML5 History 模式 路由元信息meta 路由过渡动效 active-class 嵌套路由 编程式导航 router.push(...) router.go(n) 命名视图 导航守卫 全局守卫 全局后置钩子 路由独享的
阅读全文
摘要：文章目录 一.自定义指令directive 钩子函数 钩子函数参数 对象字面量 二.插件 怎样使用插件 简单例子 三.混合mixins 选项合并 全局混合 自定义选项合并策略 一.自定义指令directive 除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义
阅读全文
摘要：文章目录 节点、树以及虚拟 DOM createElement 参数 深入 data 对象 完整示例 约束 使用 JavaScript 代替模板功能 v-if 和 v-for v-model 事件 & 按键修饰符 插槽 JSX 函数式组件 slots() 和 children 对比 Vue 推荐在绝
阅读全文
摘要：文章目录 一.什么是组件？ 二.注册组件 全局注册 局部注册 三.Prop 使用 Prop 传递数据 动态 Prop 字面量语法 vs 动态语法 单向数据流 Prop 验证 四.非Prop特性 五.自定义事件 使用 v-on 绑定自定义事件 给组件绑定原生事件.native .sync 修饰符(2.
阅读全文
摘要：文章目录 组件中定义过滤器 全局定义过滤器 Vue.filter() 串联过滤器 文章目录 组件中定义过滤器 全局定义过滤器 Vue.filter() 串联过滤器 文章目录 组件中定义过滤器 全局定义过滤器 Vue.filter() 串联过滤器 组件中定义过滤器 全局定义过滤器 Vue.filter
阅读全文
摘要：文章目录 绑定 HTML Class 对象语法 数组语法 用在组件上 绑定内联样式style 对象语法 数组语法 自动添加前缀 多重值 绑定 HTML Class 对象语法 ①.添加单个class: <div v-bind:class="{ active: isActive }"></div> 上面
阅读全文
摘要：文章目录 计算属性computed 例子 计算属性缓存 vs 方法 计算属性 vs 侦听属性 计算属性的 setter 侦听器watch vm.$watch( expOrFn, callback, [options] ) 文章目录 计算属性computed 例子 计算属性缓存 vs 方法 计算属性
阅读全文
摘要：文章目录 一.插值 v-once v-html 使用 JavaScript 表达式 二.v-bind与v-on的缩写 v-bind 缩写 v-on 缩写 三.条件渲染 v-if 在 v-else v-else-if 用 key 管理可复用的元素 v-show v-if vs v-show v-if
阅读全文
摘要：文章目录 前言 安装 直接用 NPM 命令行工具 (CLI) 开发版本 第一个程序Hello Vue vue核心最基本的功能 声明式渲染 条件与循环 处理用户输入 组件化应用构建 剖析一个完整的vue实例 数据与方法 实例生命周期钩子 生命周期图示 前言 用了这么久的vue了，但是一直没有时间写个系
阅读全文
摘要：箭头函数感性认识 箭头函数 是在es6 中添加的一种规范 x => x * x 相当于 function(x){return x*x} 箭头函数相当于 匿名函数， 简化了函数的定义。 语言的发展都是倾向于简洁 对人类友好的， 减轻工作量的。 就相当于我最钟情的python, 有很多类似之处， 在 关于promise 文章中我会和Python 框架中的tornado 中的异步进行对比的， 很...
阅读全文
摘要：1. 查看node版本 node --version 2. 查看npm 版本,检查npm 是否正确安装。 npm -v 3. 安装cnpm (国内淘宝镜像源),主要用于某些包或命令程序下载不下来的情况 npm install cnpm -g --registry=https://registry.n
阅读全文
摘要：这篇文章主要讲怎么写一个typescript的描述文件（以d.ts结尾的文件名，比如xxx.d.ts)。 2018.12.18更新说明： 1.增加了全局声明的原理说明。 2.增加了es6的import、export对应的d.ts文件写法。 3.增加了d.ts文件放置位置的说明。 最近开始从js转ts
阅读全文
摘要：前言 当一个组件要获取多个 state 的时候，声明计算属性就会变得重复和冗余了。我们可以使用到辅助函数 mapState 来更快更简洁地生成计算属性。 所以我们得清楚，mapState 的作用就是帮我们把一个对象或数组里的值转化成计算属性的写法。同理，其它的辅助函数也是大同小异，只要知道了 map
阅读全文
摘要：前言 在使用vue一个多礼拜后，感觉现在还停留在初级阶段，虽然知道怎么和后端做数据交互，但是对于mounted这个挂载还不是很清楚的。放大之，对vue的生命周期不甚了解。只知道简单的使用，而不知道为什么，这对后面的踩坑是相当不利的。 因为我们有时候会在几个钩子函数里做一些事情，什么时候做，在哪个函数
阅读全文
摘要：朋友们大家好，好久没有更新文章了，最近正好有空就想着写点什么吧，加上这段时间总是能听到一些朋友们问关于js函数，方法，对象实例到底有什么区别这个问题，所以今天就献丑来简单说明一些吧！ 其实这些主要都是一些概念上的东西，在这里还是推荐大家多看看诸如《JavaSript权威指南》，《JavaScript
阅读全文
摘要：首先要知道export，import ，export default是什么 ES6模块主要有两个功能：export和import export用于对外输出本模块（一个文件可以理解为一个模块）变量的接口 import用于在一个模块中加载另一个含有export接口的模块。 也就是说使用export命令定
阅读全文
摘要：export与export default均可用于导出常量、函数、文件、模块 你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用 在一个文件或模块中，export、import可以有多个，export default仅有一个 通过export方式导出，在导入时要加{ }，export de...
阅读全文
摘要：区别 export 每个文件中可使用多次export命令 import时需要知道所加载的变量名或函数名 import时需要使用{}，或者整体加载方法 export export default 每个文件中可使用多次export命令 每个文件中只能使用一次export default命令 import时需要知道所加载的变量名或函数名 import时可指定任意名字 exp...
阅读全文
摘要：相信很多人都在vue使用过export、export default、import，然而它们到底有什么区别呢？ 在ES6中，export与export default均可用于导出常量、函数、文件、模块等，你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用，但在一个文件或模块中，export、import可以有多个，ex...
阅读全文
