![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
一步步学习分析vue原理
前端小白龙
这个作者很懒,什么都没留下…
展开
-
手写一个VueRouter
最近在看VueRouter的源码,所以也手动实现了一下并写这篇文章记录,以免忘却。代码结构首先,我用vue-cli创建了一个demo,先来看看VueRouter是怎么使用的。import Vue from "vue";import App from "./App.vue";import VueRouter from 'vue-router'import store from "./store"import Home from '../views/Home.vue'Vue.use(.原创 2020-12-13 23:39:56 · 201 阅读 · 0 评论 -
Vue中v-model的.trim修饰符
引言修饰符:.lazy- 取代input监听change事件经过测验,我认为这句话的意思是:个人认为,取代这个说法不妥。因为即使使用了.lazy,input和change事件也都会存在,不存在谁取代谁,而且依然是只要输入就触发input事件,失焦或者回车之后才触发change事件。区别在于,不使用.lazy修饰符时,只要输入值就会改变原始值,而使用.lazy修饰符是在失焦或点击回车之后原始数据才会改变。测试使用.lazy前<div class="vmod"&...原创 2020-06-01 12:21:01 · 2011 阅读 · 0 评论 -
Vuex的模块化
前言Vux是单一状态树,所有的状态会集中为一个比较大的对象。当应用非常复杂时,store对象就会变得臃肿。因此,Vuex允许分割模块,每个模块拥有自己的state、getter、mutation、action、module(嵌套子模块)。一、文件结构相比普通的Vuex,模块化的Vuex需要一个modules文件夹来存放不同的模块。官方标准是一个模块一个js文件,当然模块复杂的话,也可以拆分出来。// store 目录结构| actions.js| getters.js.原创 2020-05-30 14:30:30 · 362 阅读 · 0 评论 -
一 变化侦测之Object的变化侦测
在Vue中Object和Vue的变化侦测使用的是不同的方法。这一篇介绍一下Object的侦测方式1.什么是变化侦测?Vue.js会自动通过状态生成DOM,将其在页面上显示出来,这个过程叫做渲染。状态可能是随时都变化的,那么页面如何知道什么时候状态发生了变化,什么时候去渲染呢?变化侦测就是来做这件事的。变化侦测就是侦听状态的变化,然后通知页面渲染。变化侦测有两种方式,一种是推(Vue...原创 2020-04-29 22:52:06 · 195 阅读 · 0 评论