摘要:
JS高阶函数-遍历方法 filter() filter方法检查数组,删除不匹配的元素,返回一个新数组 filter方法内部传入回调函数,回调函数要求必须传入数组的value const arr = [1,2,3,4]; let newArr = arr.filter(function(n){ ret 阅读全文
摘要:
VueX状态管理 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 它采用 集中式存储管理 应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-tra 阅读全文
摘要:
Vue CLI的使用 安装Vue脚手架 //默认安装最新版本 npm install g @vue/cli //或者一起安装脚手架全局服务器 npm install g @vue/cli @vue/cli service global 注意:我这里安装的是Vue CLI 4.1.2的版本 如果需要按 阅读全文
摘要:
webpack3的使用 webpack中的代码都是以模块化来进行编写 和gulp的区别 gulp实现自动化压缩js,css,less代码等, webpack是把项目的js,css,less等文件打包成一个或多个,主要用于模块化方案 全局安装 npm install webpack@3.6.0 -g 阅读全文
摘要:
slot插槽的基本使用 类似电脑的usb,使用接口给电脑增加不同的功能,键盘/音响,而不是直接在组件里添加 介绍: 默认自定义标签内不允许添加内容,而插槽可以让我们在内部添加内容 封装方法: 抽取共性,保留不同。 使用方法: 直接在template中插入slot空标签,即可在自定义标签中插入内容,内 阅读全文
摘要:
Vue组件化开发 步骤 Vue.extend创建组件构造器,并传入template自定义我们的模板 Vue.component注册组件,传入两个参数('注册组件的标签名',组件构造器) 必须挂载到Vue实例中使用组件标签 注意: 组件构造器必须在new Vue的前面创建,注册。不然无法使用 temp 阅读全文
摘要:
事件总线 在非父子组件中是无法直接通信的。 在vue中除了vuex可以统一管理状态,还有另外一种方法叫事件总线 原理: 在vue原型中创建Vue实例,利用vue的事件总线进行发射接收 创建$bus Vue.prototype.$bus = new Vue() 发射事件 //参数可以省略 this.$ 阅读全文
摘要:
方法和函数的区别 面向对象的时候称为方法,面向流程的时候叫函数。 方法是作为一个对象实例的属性的函数 生命周期 生命周期:事务从诞生到消亡的整个过程 以下是生命周期函数,可以在某个周期做某件事 [ 'beforeCreate', 'created', //组件创建完成 'beforeMount', 阅读全文