摘要: Vue中axios封装 支持Fast Mock在线模拟接口 1. 创建Mock接口 ​ Fast Mock官网地址:https://www.fastmock.site/。 ​ 注:本文旨在讲如何在Vue中封装axios以支持Mock接口。所以具体如何使用Fast Mock创建模拟接口以及Mock.j 阅读全文
posted @ 2021-09-08 14:26 Scorpioz_one 阅读(316) 评论(0) 推荐(0) 编辑
摘要: 安装 新建node目录,并进入node目录 $ cd /usr/local $ mkdir node $ cd node 下载node安装包并解压 $ wget https://nodejs.org/dist/v14.15.0/node-v14.15.0-linux-x64.tar.xz $ tar 阅读全文
posted @ 2021-06-29 17:28 Scorpioz_one 阅读(457) 评论(0) 推荐(0) 编辑
摘要: 安装 安装依赖包 $ yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel 新建nginx目录,并进入nginx目录 $ cd /usr/local $ mkdir nginx $ cd nginx 下载nginx安装 阅读全文
posted @ 2021-06-29 15:15 Scorpioz_one 阅读(216) 评论(0) 推荐(0) 编辑
摘要: 1. 介绍 ​ 插槽,简单的理解是我们在组件复用中子组件的一个占位符,用slot表示。它可以用来接收父组件传到子组件的内容,并显示在slot这里。 2. 作用 ​ 插槽的存在可以让用户去扩展组件,更好地复用组件和更加灵活地定制化处理。 3. 插槽的分类 匿名插槽 默认具名插槽 具名插槽(添加name 阅读全文
posted @ 2021-06-29 14:20 Scorpioz_one 阅读(45) 评论(0) 推荐(0) 编辑
摘要: 1. 使用iconfont 集成到项目 访问iconfont官网,新建项目 添加图标到项目 下载iconfont文件到本地 创建vue项目,并在assets目录下新建icons/iconfont文件夹 将下载到本地的文件中.woff、.woff2、.ttf以及.css为后缀的文件添加到iconfon 阅读全文
posted @ 2021-06-25 14:46 Scorpioz_one 阅读(1899) 评论(0) 推荐(0) 编辑
摘要: 1. 简单使用 安装依赖 $ npm install vue-i18n src下创建lang文件夹以及文件夹下zh.js,en.js和index.js文件 zh.js export default { message: '好好学习 天天向上' }; en.js export default { me 阅读全文
posted @ 2021-06-19 14:19 Scorpioz_one 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 1. 前言 ​ 组件化是Vue.js最突出的特征之一。Vue组件化为我们提供了一种抽象,让我们可以通过使用独立的可复用的组件来构建大型应用。而如何快速有效地实现组件间的通信,是我们在开发过程中经常会碰到以及使用到的技巧。这里我给大家介绍一下Vue组件间通信的几种方式。 2. 组件通信常用方式 pro 阅读全文
posted @ 2021-05-27 20:58 Scorpioz_one 阅读(42) 评论(0) 推荐(0) 编辑
摘要: 1. Vuex介绍 ​ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化 2. Vuex快速使用 创建vue项目,并安装vuex依赖 npm install vuex vue项目中src目录下新 阅读全文
posted @ 2021-05-27 20:55 Scorpioz_one 阅读(54) 评论(0) 推荐(0) 编辑
摘要: Vue事件总线vue-bus简单使用 1. 引入vue-bus依赖 npm install vue-bus 2. main.js中注册 import Vue from 'vue' import VueBus from 'vue-bus' Vue.use(VueBus) 3. 使用 在想传递出去的组件 阅读全文
posted @ 2021-05-22 17:42 Scorpioz_one 阅读(1013) 评论(0) 推荐(0) 编辑
摘要: 1. 文件 > 首选项 > 用户片段 2. 点击新建全局代码片段文件 3. 输入模版名称,创建自定义模版 说明: prefix 模版名称,引用模版时输入该名称引入模版 body 模版内容 description 模版描述 4. 输入模版名称,引用模版 删除模版 如果想要删除模版,通过以下方式找到模版 阅读全文
posted @ 2021-05-12 10:23 Scorpioz_one 阅读(265) 评论(0) 推荐(0) 编辑