![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Anne的前端之路
这个作者很懒,什么都没留下…
展开
-
输入框输入内容时,只搜索一次
if (this.timer === null) { this.timer = setTimeout(() => { //执行搜索 }, 1000) } else { clearTimeout(this.timer) this.timer = setTimeout(() => { //执行搜索 }, 1000) }...原创 2020-10-10 09:40:04 · 3875 阅读 · 0 评论 -
vue+typescript
1、vue+typescript开始2、vue+typescript进阶转载 2019-12-28 18:48:04 · 101 阅读 · 0 评论 -
.vue 单文件组件与 Webpack vue-loader 配置
.vue 单文件组件与 Webpack vue-loader 配置转载 2019-12-22 23:31:22 · 158 阅读 · 0 评论 -
vue+vuex+eslint+typescript
安装依赖安装开发依赖:npm i -D @vue/cli-plugin-eslint @vue/eslint-config-standard @vue/eslint-config-typescript eslint eslint-loader eslint-plugin-node eslint-plugin-vue typescript ts-loader安装项目依赖npm i...原创 2019-10-15 17:15:29 · 2076 阅读 · 0 评论 -
Vuex
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。最简单的使用方法const store = new Vuex.Store({ state: { count: 0 }, mutations: { increment (state) { stat...原创 2019-09-11 15:37:01 · 123 阅读 · 0 评论 -
vue-router
vue-router监听路由参数的变化watch: { '$route' (to, from) { // 对路由变化作出响应... }}完整的 vue-router 导航解析流程1.导航被触发;2.在失活的组件里调用beforeRouteLeave守卫;3.调用全局beforeEach守卫;4.在复用组件里调用beforeRouteUpdate守卫;...原创 2019-09-11 10:52:36 · 88 阅读 · 0 评论 -
VUE
vue.js的两个核心数据驱动和组件化v-if和v-show的区别相同点:两者都是在判断DOM节点是否要显示不同点:a.实现方式:v-if是根据后面数据的真假值判断直接从Dom树上删除或重建元素节点。v-show只是在修改元素的css样式,也就是display的属性值,元素始终在Dom树上。b.编译过程:v-if切换有一个局部编译/卸载的过程,切换过程中合适...原创 2019-09-09 16:04:20 · 447 阅读 · 0 评论 -
VUE原理剖析
Vue是一个典型的MVVM框架,它通过数据劫持+发布者-订阅者模式实现了数据的双向绑定1、对于MVVM的理解?MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型。View代表UI 组件,它负责将数据模型转化成UI 展现出来。ViewModel监听模型数据的改变和控制视图行为、处理用户交互,简单理解就是一个同步View 和 Model的对象,连接M...原创 2019-08-13 10:08:05 · 185 阅读 · 0 评论 -
vue组件之间的通信方式
组件之间的通信主要分为父子组件之间的通信和非父子组件之间的通信。本文介绍以下几种常见的组件之间的通信。props/$emit Vuex eventBus:事件总线 ref provide/reject localStorage/sessionStorage1、props/$emit:主要用于父子组件之间的通信。父组件通过props的方式传值给子组件,子组件通过$emit调用父组...原创 2019-06-27 15:23:17 · 154 阅读 · 0 评论 -
axios的二次封装
在实际工作中我们一般会根据项目的需求对axios做二次封装,下面讲一讲我在工作中怎么封装axios的,这次加入了axios的取消请求功能1、新建axios文件夹,内含http.js、index.js、config.js、apis文件夹:http.js用于封装axios,apis文件夹里是每个模块需要的请求接口,我们把所有的接口都写在这里,这样以后在需要修改的时候就不用每个文件里去找了,inde...原创 2019-06-10 17:31:15 · 674 阅读 · 0 评论 -
Vue常用知识点
1、在插件中使用router://在router/index.js文件中:import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)const router = new Router({ ....... })export default router;//在插件中import router from ...原创 2019-05-31 10:36:32 · 80 阅读 · 0 评论