随笔分类 - vue
摘要：RabbitMQ系列第一课：RabbitMQ安装 RabbitMQ系列第二课：RabbitMQ的原理介绍 RabbitMQ系列第三课：MQ用途与产品对比
阅读全文
摘要：https://blog.csdn.net/weixin_40017062/article/details/131810859
阅读全文
摘要：从git仓库里面拉取的项目，由于git的忽略设置，node_modules文件夹没有，需要执行npm install， 但是，执行npm install，一直卡着不动， 这个时候检查npm镜像，执行命令：npm config get registry，得到结果： https://registry.n
阅读全文
摘要：实现效果如下： 安装：npm install -save nprogress 用法： //vue中引用 import NProgress from 'nprogress' import 'nprogress/nprogress.css' //方法 NProgress.start() - 显示进度条
阅读全文
摘要：区别： 箭头函数是“=>”，普通函数是“function”。 箭头函数不能作为构造函数，不能使用new。 箭头函数不绑定arguments，但普通函数可以。 箭头函数中的this代表上层对象，普通函数中的this代表当前对象。 https://www.php.cn/faq/471334.html
阅读全文
摘要：props配置项 功能：让组件接收外部传过来的数据 传递数据：<Demo name="xxxx" /> 接收数据： 1、只接收： props : [ 'name' ] 2、限制类型：props : { name : String } 3、限制类型、限制必要性、指定默认值 props : { name
阅读全文
摘要：1 概念 在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。 2 何时使用 多个组件需要共享数据时 3 创建vuex环境 创建文件: src/store/index.js //引入Vue
阅读全文
摘要：Vue中常用的指令 v-bind 单向绑定，简写为"冒号" v-model 双向绑定 v-on 绑定事件监听，简写为@ v-show 条件渲染 写法：v-show="表达式" 适用于：切换频率较高的场景 特点：不展示的DOM元素未被移除，仅仅是使用样式 隐藏掉 <h2 v-show="false">
阅读全文
摘要：计算属性 1.定义：要用的属性不存在，要通过已有的属性计算得来 2.原理：底层借助了Object.defineproperty方法提供的getter和setter 3.getter函数什么执行？ （1）初次读取时会执行一次 （2）当依赖的数据发生改变时会被再次调用 4.优势：与methods实现相比
阅读全文
摘要：一、事件的基本使用 1.使用v-on:xxx 或 @xxx 绑定事件，其中 xxx 是事件名； 2. 事件的回调需要配置在methods对象中，最终会在vm上； 3.methods中配置的函数，不要用箭头函数！否则this就不是vm了； 4.methods中配置的函数，都是被Vue所管理的函数，th
阅读全文
摘要：Vue模版语法有2大类： 1、插值语法 功能：用于解析标签内容 写法：{{xxx}}，xxx是js表达式，且可以直接到data中所有属性 2、指令语法 功能：用于解析标签（包括：标签属性、标签体内容、绑定事件...） 举例：v-bind:href="xxx"或简写为 :href="xxx",xxx同
阅读全文
摘要：路由： 理解：一个路由（route）就是一组映射关系（key-value）,多个路由需要路由器（router）进行管理。 前端路由：key是路径，value是组件 基本使用： 安装vue-router，命令：npm i vue-router 应用插件：Vue.use(VueRouter) 编写rou
阅读全文
摘要：一、组件与组件化 1 组件的定义： 实现应用中局部功能代码和资源的集合（html/css/js/image....) 2 为什么要使用组件： 一个界面的功能很复杂 3 使用组件的作用是什么： 复用编码，简化项目编程，提高运行效率 4 什么是组件化： 当应用中的功能是多组件来编写的，那这个应用就是一个
阅读全文
摘要：一、创建脚手架： 第1步：创建脚手架的过程可能会比较缓慢，先配置nmp淘宝镜像可提升下载速度 npm config set registry https://registry.npm.taobao.org 第2步：仅第一次执行，全局安装@vue/cli npm install -g @vue/cli
阅读全文
