vue
文章平均质量分 62
喵大嗷
A Coder
展开
-
vue踩坑之全局使用axios
前言: Vue 原本有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,尤雨溪宣布停止更新vue-resource,并推荐大家使用axios之后,越来越多的 Vue 项目,都选择 axios 来完成 ajax 请求,而大型项目会使用 Vuex 来管理数据之前一直使用的是 vue-resource插件,在主入口文件引入import VueRes原创 2017-12-03 18:50:02 · 33020 阅读 · 7 评论 -
v-if与v-show二者性能比较
先来说说v-ifv-if:根据表达式的值在DOM中生成或者移除一个元素,值是false就会在DOM中删除,反之会克隆相应元素到DOM中 支持加在<template>标签上再说说v-showv-show是根据表达式的值来显示或者隐藏元素,根据的是display的值 不支持加在<template>标签上划重点在切换v-if的时候,vue内部有一个局部...原创 2018-07-23 21:33:38 · 8428 阅读 · 0 评论 -
vue面试常被问到的问题整理(二)
1.vue数据双向绑定原理2.生命周期3.vue-router4.路由钩子5.axios6.跨域原创 2018-05-22 18:12:07 · 10720 阅读 · 0 评论 -
vue-router路由懒加载
懒加载,就是lazy-loading,顾名思义延迟加载,什么时候用到了什么时候去加载;一个普通的Vue单页应用项目,直接去使用webpack去打包,那么打包后的javascript包体积会非常的大,导致进入首页的时间会非常长;于是就有了懒加载的思路;那么什么是路由懒加载呢?把不同路由对应的不同组件分割成不同的代码块,当路由被访问时,再去加载对应的组件 这就是利用vue的异步组件...原创 2018-03-30 16:51:16 · 2753 阅读 · 1 评论 -
tab页切换时候样式更改和单页的过渡
在vue项目中,如何做到选中切换样式呢?就如同下图所示 比如选中的这个加上.active的class样式,如果按照jquery或者原生的思路来,无非就是清除兄弟的.active 添加自己的 .active这种选中切换,在vue中的思路很简单,当某个被选中时,对应的标签就会有.router-link-active 的class名。那么你无需在router-link标签上添加任何cla...原创 2018-03-13 09:22:05 · 3950 阅读 · 0 评论 -
vue的多标签页实现
1.vue的多标签页实现2.打开一个新标签页3.关闭标签页原创 2018-03-12 13:28:28 · 36671 阅读 · 90 评论 -
vue面试常见问题小结
写在前面的话,给自己: 任何时候,比起你的技术,更重要的是你的情商,不要纠结在某一个问题的点上面,一千个读者眼里有一千个哈姆雷特。在面试当中,有的时候正确的答案并不是最重要的,重要的是面对各种问题,你是否有从容的境界。一、Vue的双向数据绑定原理是什么?或者vue的响应式原理这个问题,真的很多公司如果问到vue,都会去问这一个问题。具体在这小结一下: vue.js是...原创 2018-02-06 17:44:07 · 21692 阅读 · 3 评论 -
vue.js组件库
Vue 成功的很大一部分在于其组件。使用其组件你可以独立思考 UI 的每个片段,鼓励可重用性和模块化,并帮助保持 UI 的一致性。所有的 Vue 组件也都是 Vue 实例,所以接受相同的选项对象并提供相同的生命周期钩子函数。组件也可以与 Bit 共享来连接像 Git,Yarn 和 NPM 这样的工具,以形成存储库之间的无摩擦代码共享体验。 也可以将任何 Git 存储库中的组件分离出来,并将其快转载 2018-01-17 21:28:00 · 238 阅读 · 1 评论 -
vue-router的编程式路由
什么是编程式路由?路由这里就不多说了,先说说怎么去在有路由功能的应用中去(点击)切换路由,可以使用<router-link> 组件,<router-link> 组件通过 to 属性指定目标地址,默认渲染成带有正确链接的 <a> 标签;如果不想渲染成<a> 标签,可以使用 tag 属性来指定要渲染的元素;如下面代码://跳转到home路由,渲染成li<router-link to="home" ta原创 2017-12-27 19:42:51 · 2930 阅读 · 1 评论 -
vuex的辅助函数mapState前面的那三个点--对象展开运算符
关于mapState,官方文档的说法: 当一个组件需要获取多个状态时候,将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题,我们可以使用 mapState 辅助函数帮助我们生成计算属性,让你少按几次键: mapState 函数返回的是一个对象。我们如何将它与局部计算属性混合使用呢?通常,我们需要使用一个工具函数将多个对象合并为一个,以使我们可以将最终对象传给 computed 属原创 2017-12-22 16:34:01 · 11146 阅读 · 3 评论 -
vue源码起步:准备工作
vue源码目录设计flow原创 2019-03-24 18:48:48 · 438 阅读 · 0 评论