Vue
Vue.js通用应用框架Nuxt如何快速上手
Javan
一、什么是Nuxt Nuxt 是一个Vue.js通用应用框架，它构建在Vue之上。它简化了通用或单页Vue应用程序的开发。Nuxt.js 主要关注的是应用的UI渲染。 vue ssr 服务端渲染有了解过吗？ Vue.js 是构建客户…
Vue Router的两种模式区别以及使用注意事项
Vue Router 是Vue官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。vue-router 默认 hash 模式，还有一种是 history 模式。 const router = new …
Vue面试题： 如何实现路由懒加载？
非懒加载 import List from '@/components/list.vue' const router = new VueRouter({ routes: [ { path: '/list', component: L…
Vue面试题：页面中定义一个定时器，在哪个阶段清除最合适？
答案：在 beforeDestroy 中销毁定时器。 为什么销毁它？ 在页面a中写了一个定时器，比如每隔一秒钟打印一次1，当我点击按钮进入页面b的时候，会发现定时器依然在执行，这是非常消耗性能的。 方案1 mounted(){ th…
Vue源码中9个可借鉴的基础方法
1、基础判断 function isUndef(v) { return v === undefined || v === null } function isDef(v) { return v !== undefined &…
Vue.js下引入百度地图jsApi的两种方法
最直接的方式，通过script标签引入 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak="></scrip…
VUE路由拦截：Vue自定义全局弹窗组件
前言 在任何一个平台中，如果需要增加用户黏度，除了用户需要的基本内容外，用户登录注册提交信息也是非常重要的一环，可以了解用户基本信息，用户喜欢等。 抛出前后端混合开发外，vue可以轻松的实现路由拦截。Vue Router对路由集中统…
VUE指令：无限上拉加载更多插件
前言 无限上拉加载更多，在很多场景都有使用，无论是PC还是移动端，尤其是移动端，都应用非常广泛，比如掘金、头条等。 都知道，无论是下拉，亦或是上拉，都是基于滚动条的位置而言的，如果滚动条触底，表示需要加载更多了，而触顶，再次下拉，表…
React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？
vue和react都是采用diff算法来对比新旧虚拟节点，从而更新节点。 在交叉对比中，当新节点跟旧节点头尾交叉对比没有结果时，会根据新节点的key去对比旧节点数组中的key，从而找到相应旧节点（这里对应的是一个key => ind…
深度解析 Vue MVVM 原理实现
什么是MVVM？ MVVM其实表示的是 Model-View-ViewModel Model：模型层，负责处理业务逻辑以及和服务器端进行交互 View：视图层：负责将数据模型转化为UI展示出来，可以简单的理解为HTML页面 View…