진 찬-CSDN博客

原创前端知识分享

vue $bus的使用首先我们要在main.js挂载Vue.prototype.$bus=new Vue()可以通过this.$bus.$emit(‘a’,item)发送事件函数可以通过在created和mouted 通过this.$bus.$on(“a”,(item)=>{})接受事件函数a事件名称 item传的参数。clickOutside的使用首先创建clickOutside.js文件，定义事件方法代码如下let instances = [];function ha

2022-12-07 15:49:22 19

原创 Webpack的安装和使用

1.安装可以使用任何一个包管理器： npm yarn cnpmyarn > cnpm > npm举例：我使用npm安装了一个叫做 node-sass 的包，但是出错了，这时，我们想卸载，发现卸载报错解决：覆盖安装cnpm || yarn 进行覆盖安装cnpm 和 yarn 优先级没有那么绝对2.1.终端命令行使用终端运行 webpack...

2019-06-28 19:11:23 180 1

原创 Vue 生命周期

Vue的生命周期分为三个阶段，分别为：初始化，运行中，销毁，一共8个钩子函数注意：生命周期钩子函数不允许写成箭头函数初始化：beforeCreate ------------ 相亲准备前（爸妈准备，你根本是局外人）1. 组件创建前触发，目的是为了组件的生命周期和组件中的事件做准备2. 数据没有获得，真实dom也没有渲染出来3. 可以进行数据请求，提供了一次数...

2019-06-27 10:50:38 107

原创 Vue 属性验证

1.props: [ 'msg' ] 没有进行验证，知识单纯的接收了一个父组件传递来的数据 2.props: { attr: attrType } 进行普通属性验证 3.props: { type: typeType, default: value } 这里的default是为这个属性设置初始值 4.props: { validator ( val ) { ret...

2019-06-26 11:14:48 581

原创 Vue 组件通信的几种方式

1.父子组件通信使用props来实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&...

2019-06-26 10:58:12 77

原创 Vue框架级的数据请求

1.axios ( 第三方库 --- 别人封装好的库 ) 2.fetch ( javascript 原生提供 ) vue-resource ( Vue 以前自己封装使用的请求类库 ) ，但是 vue-resource作者已经放弃更新了 vue-resource 作者推荐我们使用 axios vue-resource 用法和 axios 相似度 90% +...

2019-06-21 16:28:24 192

原创前端异步流程处理

1.传统的原生异步回调函数事件 2.使用异步流程工具1.es6 Promise 所谓Promise ，简单说就是一个容器，里面保存着某个未来才回结束的事件(通常是一个异步操作）的结果。从语法上说，Promise是一个对象，从它可以获取异步操作的消息。 Promise 对象的状态不受外界影响三种状态:pending：进行中fu...

2019-06-21 16:20:21 793

weixin_42728913的博客