- 博客(31)
- 收藏
- 关注
RSS订阅原创 Vuex的使用方法
目录一、概念二、何时使用三、搭建vuex环境四、基本使用五.getters的使用六、四个map方法的使用七、模块化+命名空间一、概念在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。二、何时使用多个组件需要共享数据时三、搭建vuex环境1.创建文件：src/store/index.js(在src里面新建一个store文件夹，然后再里
2022-05-30 21:07:28
1173
1
原创 Vue中插槽的使用方法
1.作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于 父组件 ===> 子组件 。2.分类：默认插槽、具名插槽、作用域插槽3.使用方式：①默认插槽父组件中： <Category> <div>html结构1</div> </Category>子组件中： <template> <div>
2022-05-30 11:20:45
3404
原创 【vue eslint】报错Component name “xxxxx“ should always be multi-word.eslintvue/四种解决方案
vue-cli 脚手架关闭语法检查，eslint检查，一直报错太可恶了，下面的方法有用，如果通过前两种方法还没有解决问题，就使用第三种，在根目录下 新建一个.eslintrc.js文件，绝对有用，推荐推荐，绝绝子！！！【vue eslint】报错Component name “xxxxx“ should always be multi-word.eslintvue/四种解决方案_wally94的博客-CSDN博客...
2022-05-28 21:29:25
686
转载 Vue脚手架配置代理
服务端使用nodejs（express）实现服务端。初始化项目mkdir servernpm init -ynpm install --save expressserver1server目录下新建server1.js，server1.js内容如下。const express = require('express')const app = express()app.use((request,response,next)=>{ console.log('有人请求ser
2022-05-28 18:18:40
258
原创 Vue封装的过度与动画
作用：在插入、更新或移除 DOM元素时，在合适的时候给元素添加样式类名。 图示：<img src="https://img04.sogoucdn.com/app/a/100520146/5990c1dff7dc7a8fb3b34b4462bd0105" style="width:60%" /> 写法： 准备好样式： 元素离开的样式： v-leave：离开的起点 v-leave-active：离开过程中 ..
2022-05-28 17:14:58
68
原创 Vue消息订阅与发布（pubsub）
1. 一种组件间通信的方式，适用于任意组件间通信2.使用步骤①安装pubsub ：npm i pubsub-js②引入pubsub：import pubsub from 'pubsub-js' (订阅消息和发布消息的组件都需要引入)③接收数据A组件想接收数据，则在A组件中订阅消息，订阅的回调留在A组件自身。 methods：{ demo(data){......} } ...... mounted() { ...
2022-05-27 21:37:24
264
原创 Vue的全局事件总线（GlobalEventBus）
一、定义一种组件间的通信方式，适用于任意组件间的通信二、安装全局事件总线new Vue({ el: '#app', render: h => h(App), beforeCreate() { Vue.prototype.$bus=this // 安装全局事件总线，$bus就是当前应用的vm }})三、使用事件总线1. 接收数据A组件想接收数据，则在A组件中给$bus绑定自定义事件，事件的回调留在A组件...
2022-05-27 20:26:24
442
原创 VSCode 如何快捷生成箭头函数？
1.在VSCode 应用商店里面 安装 javascript(es6) snippet 插件2.找到这个插件，点击安装即可（安装完成后重启 VSCode）3.使用时 输入an ，按tab键4.生成箭头函数，如下 (params) => { }...
2022-05-17 12:20:07
8531
原创 浏览器安装了Vue-devtools插件，但在浏览器控制台不显示的问题解决方案
1. 具体问题如下：浏览器安装了Vue-devtools插件，浏览器控制台调不出来，页面显示正常，无其他问题2. 错误原因：没显示调试工具的原因是用了生产环境的版本或是引入了压缩的vue版本，或是没有勾选（我就是引入了压缩的Vue文件，所以出现错误了）3.具体解决方案：在你的代码 js里面添加如下代码Vue.config.devtools = true;4.问题成功解决...
2022-05-15 17:55:15
10894
8
原创 什么是 web API？ DOM和BOM
一、API和Web APIAPI（Application Programming Interface ，应用程序API）:是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或者硬件得以访问一组例程的能力，二又无需访问源码，或理解内部工作机制的细节。是给程序员提供的一种工具，以便能够更轻松的实现想要完成的功能。Web API 是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)主要针对浏览器提供的借口，主要针对浏览器做交互效果。二、什么是DOMDOM，
2022-05-08 10:12:24
1010
原创 获得Data总的毫秒数（时间戳），不是当前的毫秒数，而是距离1970年1月1日过了多少毫秒数
//1.通过valueOf() getTime() var date = new Date(); console.log(date.valueOf()); console.log(date.getTime()); //2.简单的写法（最常用的写法） var data1 = +new Date(); console.log(data1); //3.H5新增的 获得总的毫秒数 ...
2022-05-06 09:58:45
326
原创 JavaScript随机生成1-50之间的整数，用户有10次猜数字的机会
使用for循环进行次数循环判断代码展示：//要求用户猜1~50之间的一个数字，但是只有10次猜的机会 function getRandom(min, max) { return Math.floor(Math.random()* (max - min + 1)) + min; } var random = getRandom(1, 50); for (var i = 1; i <= 10; i++) {
2022-05-05 21:44:12
3446
原创 如何将自己写的页面上传码云，并发布部署静态网站
准备工作：1.需要下载git软件2.到gitee 码云注册账号具体步骤如下：1.在码云里面码云创建新的仓库。**2. 利用git 提交 把本地网站提交到 刚刚新建的码云仓库里面①在网站根目录右键-- Git Bash Here注意：如果你是第一次利用git提交项目到码云，需要先配置好全局选项git config --global user.name “用户名”git config --global user.email “你的邮箱地址”②初始化仓库git init③把项目
2022-04-27 16:52:14
1106
原创 easyless自动保存css指定位置
在less文件夹里面准备好less将less自动生成的css文件自动放到css文件下面具体步骤：1.在拓展里面找到easy less -----选择设置里面的 拓展设置2.找到setting.json, 点开在里面添加 "out": "../css/"...
2022-04-27 15:51:16
348
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人