![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
Night_Emperor
这个作者很懒,什么都没留下…
展开
-
前端路由
vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。 如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。当你使用 history 模式时,URL 就像正常的 url,例如 http:/...原创 2018-10-09 01:12:49 · 177 阅读 · 0 评论 -
vue-router 源码:前端路由
在学习 vue-router 的代码之前,先来简单了解一下前端路由。 前端路由主要有两种实现方法: Hash 路由 History 路由 先来看看这两种方法的实现原理。 接着我们将用它们来简单实现一个自己的前端路由。 前端路由 Hash 路由 url 的 hash 是以 # 开头,原本是用来作为锚点,从而定位到页面的特定区域。当 hash 改变时,页面不会因此刷新,浏览器也不会向服务...转载 2018-10-09 01:03:29 · 361 阅读 · 0 评论 -
Vue
Vue实例属性 1.$data实际访问的是实例的_data属性 $props实际访问的是实例的_props属性 _vue@2.5.16@vue\src\core\instance\state.js const dataDef = {} dataDef.get = function () { return this._data } const propsDef = {} pro...原创 2018-10-05 22:51:38 · 455 阅读 · 1 评论 -
Vue源码之$mount实现数据挂载(三)
原文链接:https://blog.csdn.net/yayayayaya_/article/details/80888506 在vue实例中,通过$mount()实现实例的挂载,下面来分析一下$mount()函数都实现了什么功能。 在'src/platforms/web/entry-runtime-with-compiler',$mount函数在Vue的原型上被定义 $mount函数的流程...转载 2018-07-28 11:08:49 · 1274 阅读 · 0 评论 -
面试题:你能写一个 Vue 的双向数据绑定吗?
原文链接:面试题:你能写一个 Vue 的双向数据绑定吗? 在目前的前端面试中,vue的双向数据绑定已经成为了一个非常容易考到的点,即使不能当场写出来,至少也要能说出原理。本篇文章中我将会仿照vue写一个双向数据绑定的实例,名字就叫myVue吧。结合注释,希望能让大家有所收获。 1、原理 Vue的双向数据绑定的原理相信大家也都十分了解了,主要是通过Object对象的defineProper...转载 2018-07-27 00:01:27 · 372 阅读 · 0 评论 -
当 better-scroll 遇见 Vue
原文链接:http://www.imooc.com/article/18232在我们日常的移动端项目开发中,处理滚动列表是再常见不过的需求了,以滴滴为例,可以是这样竖向滚动的列表,如图所示:也可以是横向滚动的导航栏,如图所示:可以打开“微信 —> 钱包—>滴滴出行”体验效果。我们在实现这类滚动功能的时候,会用到我写的第三方库,better-scroll。什么是 better-scrol...转载 2018-05-29 23:24:38 · 160 阅读 · 0 评论 -
VUEx
当执行点击事件时,dispatch触发action中的changeCity函数,再通过commit()执行mutations中的changeCity.因为没有异步操作,没有必要执行action,可以直接执行commit()语法糖: computed:{ ...mapState({ currentCity:'city' }) }相当于:computed...原创 2018-05-23 23:08:18 · 168 阅读 · 0 评论 -
项目积累
局部滚动:当position:absolute的父级元素没有定位时,相对于视口,j高度=视口高度-top,overflow:hidden;这是因为溢出内容撑开视口高度,使得浏览器出现滚动条[css] view plain copy.list overflow:hidden position :absolute top: 1.58rem left :0 rig...原创 2018-05-25 07:28:49 · 340 阅读 · 0 评论 -
Vue组件基础
1. provide/inject:两个要组合使用,provide使用的父级组件,inject用在子孙组件,功能相当于React的Context。 因为要使用template属性,所以使用import Vue from 'vue/dist/vue.esm',没用使用import Vue from 'vue'; levelTwo要写在levelOne的前面; 当provide的值是jso...原创 2018-10-10 18:44:55 · 269 阅读 · 0 评论