vue
Tokki_
萌新瑟瑟发抖
展开
-
Vue面试题整合
生命周期总共分为8个阶段创建前/后,载入前/后,更新前/后,销毁前/后创建前/后: 在beforeCreate阶段,vue实例的挂载元素el和数据对象data都为undefined,还未初始化。在created阶段,vue实例的数据对象data有了,el还没有载入前/后:在beforeMount阶段,vue实例的$el和data都初始化了,但还是挂载之前为虚拟的dom节点,data.m...转载 2019-05-21 15:32:39 · 2145 阅读 · 0 评论 -
vue路由跳转传参 Orz
好困好困好困常用路由跳转方式通过router-link进行跳转通过$router.push进行跳转router-link<router-link :to="{ path: 'yourPath', params: { name: 'name', dataObj: data ...转载 2019-07-02 11:58:50 · 160 阅读 · 0 评论 -
vue移除事件绑定 Orz
添加一个标记位<p @click="flag && clickEvent()"></p>转载 2019-07-02 11:52:46 · 1548 阅读 · 0 评论 -
vue-mixins
使用场景当两个组件存在相同的方法,例如需要进行初始化,例如分页操作,进入页面时,需要对页面初始化页面。这个时候你可以选择传统的写组件来进行分离,但是使用mixins可以不通过状态传递,直接进行强大的混合,方便了许多。mixins允许你封装一块在应用的其他组件中都可以使用的函数。如果使用姿势得当,他们不会改变函数作用域外部的任何东西,因此哪怕执行多次,只要是同样的输入你总是能得到一样的值,对...转载 2019-06-23 19:20:35 · 386 阅读 · 0 评论 -
vue动态绑定class和style
vue动态绑定class的几种方式通过对象绑定:class="{ 'active': isActive }"绑定多个第一种(用逗号隔开):class="{ 'active': isActive, 'sort': isSort }"第二种(放在data里面)//也可以把后面绑定的对象写在一个变量放在data里面,可以变成下面这样:class="classObject"data()...原创 2019-06-23 11:52:26 · 2482 阅读 · 0 评论 -
JavaScript-touch事件及vue的v-touch插件
touch事件开始的触摸事件touchstart、touchmove和touchend是ios版Safari浏览器为了向开发人员传达一些信息新添加的事件。因为ios设备既没有鼠标也没有键盘,所以在为移动Safari浏览器开发交互性网页的时候,PC端的鼠标和键盘事件是不够用的。在iPhone 3Gs发布的时候,其自带的移动Safari浏览器就提供了一些与触摸(touch)操作相关的新事件。随后,...转载 2019-06-23 11:36:56 · 3688 阅读 · 0 评论 -
前端一些javascript简写方式
if操作符简写xxxxvar a = 1if (a = 2) { a = 3} else { a = 4}可简写为 ==> if (a = 1) a = 3; a = 4if (flag === true) 存在条件的简写 ==> if (flag) 或者 ==> if(!flag)三元操作符简写const x = 20;let answer;if (...转载 2019-06-21 23:50:36 · 1027 阅读 · 0 评论 -
vue和react的区别及各自优点
区别监听数据变化的实现原理不同Vue 通过 getter/setter 以及一些函数的劫持,能精确知道数据变化,不需要特别的优化就能达到很好的性能React 默认是通过比较引用的方式进行的,如果不优化(PureComponent/shouldComponentUpdate)可能导致大量不必要的VDOM的重新渲染为什么 React 不精确监听数据变化呢?这是因为 Vue 和 Re...转载 2019-06-01 10:33:06 · 18409 阅读 · 1 评论 -
前端路由之hash路由与history路由 Orz
在vue的路由配置中,有两种模式,分别是hash模式和history模式对于vue这类渐进式前端开发框架,为了构建 SPA(单页面应用),需要引入前端路由系统,这也就是 Vue-Router 存在的意义。前端路由的核心,就在于 —— 改变视图的同时不会向后端发出请求。区别hash — 即地址栏 URL 中的 # 符号(此 hash 不是密码学里的散列运算)。比如这个 URL:www.a...转载 2019-07-02 14:00:50 · 1509 阅读 · 0 评论