随笔分类 -  Vue2

摘要:研究组件的注册//组件注册// ASSET_TYPES = ['component','filter','directive'] ASSET_TYPES.forEach(type => { // 声明静态的方法: Vue.component = function(){} // 平时声明的组件是Vue 阅读全文
posted @ 2021-10-26 14:47 纯、臻 阅读(239) 评论(0) 推荐(0)
摘要:一、理解Vue批量异步更新策略 异步更新队列:Vue高效的秘诀是批量、异步的更新策略 首先来了解下Event Loop事件循环机制 事件循环Event Loop:浏览器为了协调事件处理、脚本执行、网络请求和渲染等任务而制定的工作机制 看源码执行过程 在Object.defineReactive()中 阅读全文
posted @ 2021-10-22 18:12 纯、臻 阅读(206) 评论(0) 推荐(0)
摘要:src\platforms\web\entry-runtime-with-compiler.js 源码开始位置(引入了Vue构造函数) 扩展$mount,处理可能存在的templete或者el选项,重新编译template为render函数 src\platforms\web\runtime\ind 阅读全文
posted @ 2021-10-21 17:59 纯、臻 阅读(458) 评论(0) 推荐(0)
摘要:template <template> <div class="hello"> <h1>{{ msg }}</h1> <p @click="$store.commit('add')">counter: {{$store.state.counter}}</p> <p @click="$store.di 阅读全文
posted @ 2021-10-18 00:39 纯、臻 阅读(71) 评论(0) 推荐(0)
摘要:router一共两个文件,一个是new Vue({(router/index)}) index.js import Vue from "vue"; import VueRouter from "./zhenVue-router"; import Home from "../views/Home.vu 阅读全文
posted @ 2021-10-17 23:28 纯、臻 阅读(82) 评论(0) 推荐(0)
摘要:最近公司要求做一个拓扑流程图,在网上搜寻了一些可行性方案之后,发现好一点的可视化拓扑图都是要收费的,于是决定自己在阿里的antv x6基础上做出一款简单的产品,以便于后期进行修改和操作 项目主要版本号: vue版本:2.x, antv:@antv/x6": "^1.17.3", "@antv/x6- 阅读全文
posted @ 2021-04-13 16:47 纯、臻 阅读(23083) 评论(7) 推荐(1)
摘要:在点击完之后点击其他位置跳转路由,路由跳转后利用computed属性监听$route进行class的显示和隐藏,利用的是js Contains方法 document.addEventListener('mouseup',(e)=>{ var _con = document.getElementByI 阅读全文
posted @ 2020-12-27 10:56 纯、臻 阅读(341) 评论(0) 推荐(0)