- 博客(7)
- 收藏
- 关注
RSS订阅原创 前端知识分享
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
70
原创 Webpack的安装和使用
1. 安装可以使用任何一个包管理器： npm yarn cnpm yarn > cnpm > npm 举例： 我使用npm安装了一个叫做 node-sass 的包 ，但是出错了 ，这时，我们想卸载，发现卸载报错 解决： 覆盖安装 cnpm || yarn 进行覆盖安装 cnpm 和 yarn 优先级没有那么绝对 2. 1.终端命令行使用 终端运行 webpack ...
2019-06-28 19:11:23
324
1
原创 Vue 生命周期
Vue的生命周期分为三个阶段，分别为： 初始化，运行中， 销毁，一共8个钩子函数 注意： 生命周期钩子函数不允许写成箭头函数 初始化： beforeCreate ------------ 相亲准备前（ 爸妈准备， 你根本是局外人 ） 1. 组件创建前触发，目的是为了组件的生命周期 和 组件中的事件做准备 2. 数据没有获得，真实dom也没有渲染出来 3. 可以进行数据请求，提供了一次数...
2019-06-27 10:50:38
177
原创 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
670
原创 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
120
原创 Vue框架级的数据请求
1.axios ( 第三方库 --- 别人封装好的库 ) 2.fetch ( javascript 原生提供 ) vue-resource ( Vue 以前自己封装使用的请求类库 ) ，但是 vue-resource作者已经放弃更新了 vue-resource 作者推荐我们使用 axios vue-resource 用法 和 axios 相似度 90% +...
2019-06-21 16:28:24
264
原创 前端异步流程处理
1.传统的原生异步 回调函数 事件 2.使用异步流程工具 1.es6 Promise 所谓Promise ，简单说就是一个容器，里面保存着某个未来才回结束的事件(通常是一个异步操作）的结果。从语法上说，Promise是一个对象，从它可以获取异 步操作的消息。 Promise 对象的状态不受外界影响 三种状态: pending：进行中 fu...
2019-06-21 16:20:21
889
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人