Cliff Rhine的博客

最近在学习react，在路由这一块有点看不懂，第一感觉是灵活性很大，想怎么来就怎么来，但问题也来了，稍微复杂一点就GG了，不如vue的傻瓜式配置来的方便。这里整理一下方案，基本是对照类比vue来的（加快理解和学习，虽然他们并不一样）先说一下vue的路由配置方式，目录结构如下（简化了结构）━ src ├━ App.vue ├━ layout.vue ├━ router.js ┕━ main.jsmain.js的内容是官方标配，没什么好说的，引入路由配置并加载import route

vue使用JSX实现完全编程方式时和react在书写和运用上几乎没有区别，包括高阶组件（高阶组件不是react的API，只是一种高阶技巧）的使用。在组件和元素定义使用上也更加灵活，加上vue的诸多特性，如响应式数据，计算属性和监听属性等，使得vue更加灵活便捷。

Vue对于插槽有两个专门的API`vm.$slots`和`vm.$scopedSlots`，分别是普通插槽和作用域插槽，使用JSX语法或渲染函数的时候，定义插槽将使用上述两个API。普通插槽和作用域插槽在定义上相差不大，但是在使用方法上略微有点区别。普通插槽，插槽内容以`children子节点`形式，然后在数据对象中指定插槽名

vue的监听属性普通方式无法监听对象内部属性的改变，并且初始化时不会监听数据对象。vue为监听属性提供了一种对象方法watch: { 'option.size': { // handler为默认执行的方法 handler (newValue, oldValue) { this.size = newValue }， // 立即执行handler方法，即初始化 imme...

官方文档中指明，跨域请求可以通过配置vue.config.js中的devServer.proxy选项来进行配置。这个选项配置的本质实际上就是http-proxy-middleware中间件的用法，和Webpack-dev-server的proxy一样。vue-cli 3.0中介绍了两种常见的用法：module.exports = { devServer: { proxy: 'ht...

v-slot用法简记用法示例匿名插槽与具名插槽插槽作用域父组件插槽动态命名总结用法示例vue2.6统一了插槽的语法v-slot匿名插槽与具名插槽父组件<child> <template v-slot:slotName> hello world </template></child>子组件<div> &...

vue使用vue-router和vuex对用户进行登录状态控制及用户权限控制

同时调用两个以上的$notify通知时，会出现重叠显现，原因是第一次通知后，DOM没有刷新，导致第二次通知在获取高度时没有计算上第一次通知的高度，从而发生重叠现象。使用vue的nextTick或者async异步函数都能解决该问题。

vue，axios实现同步请求

Vue中render: h => h(App)的含义

Re：从零开始的Vue项目搭建初始的终结与结束的开始Nodejs项目的测试从零开始初始的终结与结束的开始最开始接触vue项目搭建是从vue-cli开始，模板式操作，一键搞定，几乎可以无缝进入代码开发阶段，这对新人来说很友好，马上就能够一边看教程，一边测试代码，我当初就是这么学vue的（顺便提一下，我在学习vue之前没接触过任何前端框架，连Nodejs都没接触过，以前做前端的时候只会html+c...

使用vue组件搭建网页应用

Vue的特点是数据绑定和组件化，本文主要记录如何使用组件搭建网页并发布。

方法一：将图片资源放入项目 /static 目录下，使用绝对或相对路径引用即可// 文件结构|-- src| |-- components| | |-- banner.vue|-- static| |-- images| | |-- pic.jpg<template> <div id="banner"> &l...