随笔分类 - Vue
摘要：VUE插件大总结 UI组件 element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-mater
阅读全文
摘要：假设有一个输入框组件，用户输入时，同步父组件页面中的数据。 具体思路：父组件通过props传值给子组件，子组件通过 $emit 来通知父组件修改相应的props值，具体实现如下： 可以看到，当输入数据时，父子组件中的数据是同步改变的： 我们在父组件中做了两件事，一是给子组件传入props，二是监听i
阅读全文
摘要：当一个Vue实例创建时，vue会遍历data选项的属性，用 Object.defineProperty 将它们转为getter/setter并且在内部追踪相关依赖，在属性被访问和修改时通知变化。每个组件实例都有相应的watcher程序实例，它会在组件渲染的过程中把属性记录为依赖，之后当依赖项的set
阅读全文
摘要：vue懒加载（白屏或者加载慢的解决方法） 懒加载：也叫延迟加载，即在需要的时候进行加载，随用随载。 为什么需要懒加载？ 像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过长，会出啊先长时间的白屏，即使做了loading也
阅读全文
摘要：在Vue中使用了Swiper ，动态从后台获取数据的之后，swiper滑动失效？？ 是因为swiper提前初始化了，那时候数据还没有完全出来。这里有两种解决办法 1. 使用vue提供的$nextTick()方法 当Vue构造器里的data值被修改完成后会调用这个方法，也相当于一个钩子函数吧，和构造器
阅读全文
摘要：假设有一个输入框组件，用户输入时，同步父组件页面中的数据。 具体思路：父组件通过props传值给子组件，子组件通过 $emit 来通知父组件修改相应的props值，具体实现如下： 可以看到，当输入数据时，父子组件中的数据是同步改变的： 我们在父组件中做了两件事，一是给子组件传入props，二是监听i
阅读全文
摘要：vue路由传值params和query的区别1.query传参和接收参数传参: this.$router.push({ path:'/xxx' query:{ id:id } })接收参数: this.$route.query.id注意:传参是this.$router,接收参数是this.$rout
阅读全文
摘要：简述vuex的数据传递流程 当组件进行数据修改的时候我们需要调用dispatch来触发actions里面的方法。actions里面的每个方法中都会有一个commit方法，当方法执行的时候会通过commit来触发mutations里面的方法进行数据的修改。mutations里面的每个函数都会有一个st
阅读全文
摘要：Vue常用的开源项目和插件库 UI组件 element ★34,784 - 饿了么出品的基于Vue2的web UI工具套件storybook ★33,503 - 响应式UI 开发及测试环境Vux ★15,061 - 基于Vue和WeUI的组件库mint-ui ★13,381 - Vue 2的移动UI
阅读全文
摘要：Vue.js面试题整理 一、什么是MVVM？ MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步
阅读全文
摘要：Nuxt开发经验分享 本文章基于starter-template模板进行讲解，面向有vue-cli开发经验的宝宝 vue init nuxt-community/starter-template Nuxt 官方文档 简单来说，Nuxt就是基于Vue的一个应用框架，采用服务端渲染，让你的SPA应用(V
阅读全文
摘要：Vue常用的GitHub项目（Demo案例） 应用实例
阅读全文
摘要：vue如何自定义一个过滤器 html代码： JS代码： 全局定义过滤器
阅读全文
摘要：vuejs 入门知识点 1、active-class 是哪个组件的属性？嵌套路由怎么定义 (1)、active-class 是 vue-router 模块的 router-link 组件的属性 (2)、使用 children 定义嵌套路由 2、怎么定义 vue-router 的动态路由? 怎么获取传
阅读全文
浙公网安备 33010602011771号