![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 55
JIseven
这个作者很懒,什么都没留下…
展开
-
vue-axios
vue.cli项目封装全局axios,封装请求,封装公共的api和调用请求的全过程_JCat的博客-CSDN博客_vue封装axios全局使用原创 2021-11-09 10:50:56 · 225 阅读 · 0 评论 -
vue组件缓存
动态组件在切换的过程中,组件的实例都是「重新创建」的,而我们需要保留组件状态。为了解决这个问题,你还需要使用 vue 内置组件 <keep-alive>。<!-- 组件内部--><keep-alive> <router-view v-if="$route.meta.keepAlive"> <!-- 这里是会被缓存的视图组件,比如 Home! --> </router-view></..原创 2021-10-27 11:44:44 · 1611 阅读 · 1 评论 -
Vue-【图片上传组件】
<template> <div class="upload"> <div class="uploadFile"> <div class="previewBox"> <div class="uploadPreview" v-if="uploadPicPreview"> <ms-viewer :imgUrl="'data:image/jpg;base64,' + uploadPicPr.原创 2021-10-22 11:02:19 · 768 阅读 · 0 评论 -
Vue 混入mixin
案例1: 项目中使用混入:预留信息功能mixin.jsexport default { computed: { cacheKey () { console.warn('cacheKey', this.$store.getters.merchantCode) return 'MCT_PROD_RESERVED_INFORMATION_' + this.$store.getters.merchantCode }, inputValue () { .原创 2021-10-22 10:35:42 · 206 阅读 · 0 评论 -
Vuex的理解
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。核心概念5个1: state:数据源 相当于多个组件之间的公共存储空间const Counter = { template: `{{ count }}`, computed: { count () { return this.$store.state.count } }}2: getter: 对state中存储的数据进行过滤操作(不是改变)computed: { doneTo原创 2021-10-19 18:48:28 · 66 阅读 · 0 评论 -
虚拟DOM的实现原理【1-4】
1: 什么是虚拟DOM 虚拟DOM:是由普通 JS 对象 来描述 DOM 对象2: 为什么要虚拟DOM?手动操作 DOM 比较麻烦,还需要考虑浏览器兼容性问题,虽然有 JQuery 等库简化 DOM 操作 ,但是随着项目的复杂,DOM 操作复杂提升,比较前端开发刀耕火种的年代 为了简化 DOM 的复杂操作,于是出现了各种 MVVM框架,MVVM 框架解决了 视图 和 状态同步问题 为了简化视图的操作,可以使用模版引擎,但是模版引擎没有解决跟踪状态变化的问题,于是虚拟...原创 2021-09-24 18:21:50 · 1309 阅读 · 0 评论 -
Vue.js 响应式原理(自己手动实现一个vue.js) 【1-3】
1: 数据驱动 【数据响应式 ,双向绑定, 数据驱动】数据响应式: 数据模型仅仅是普通的JS对象,当我们修改数据时,视图会进行更新,避免了 频繁的DOM操作,提高开发效率 双向绑定: 数据改变,视图改变;视图改变,数据也改变;使用v-module实现双向数据绑定 数据驱动:只关注数据本身,不必关心数据是如何渲染到视图的2: 数据响应式的核心原理 1: Vue基础结构<!DOCTYPE html><html lang="cn">...原创 2021-09-23 16:38:57 · 357 阅读 · 0 评论 -
Vue-Router 实现原理(自己手动写一个vueRouter插件)【1-2】
1: Vue-Router 基本回顾 1-1: Vue-Router 基本使用动态路由 嵌套路由 命名路由(给路由取名子) 以及 编程式导航 页面导航的两种方式: A.声明式导航:通过点击链接的方式实现的导航 B.编程式导航:调用js的api方法实现导航 路由传参import Vue from 'vue'import VueRouter from 'vue-router'import Index from '../views/Index.vue'1: 注册路由...原创 2021-09-15 17:50:38 · 330 阅读 · 0 评论 -
Vue.js基础回顾【1-1】
1: Vue 基础结构 每个 Vue 应用都是通过用Vue函数创建一个新的Vue 实例开始的:var data = { a: 1 }var vm = new Vue({ // 选项 data: data}) 获得这个实例上的 property// 返回源数据中对应的字段vm.a == data.a // => truevm.a = 2data.a // => 2// ……反之亦然data.a = 3vm.a // => 3 ...原创 2021-09-06 16:02:54 · 270 阅读 · 0 评论 -
Vue响应式原理、虚拟DOM和DIFF算法、模板编译--Vue原理
相关资料:https://www.cnblogs.com/haonanZhang/p/12559652.html原创 2021-08-22 10:37:42 · 90 阅读 · 0 评论