vue
文章平均质量分 74
果果ha
向着光奔跑~
展开
-
vue和react 的生命周期
一、vue的生命周期:created, mounted, updated, destroyed, 以及各自的before钩子。参考vue 生命周期图示new Vue({ name: 'demo', el: '#demo', beforeCreate() { //在实例初始化之后,数据观测 (data observer) //和 event/watcher 事件配置之前被调用。 .原创 2021-03-07 22:29:27 · 1105 阅读 · 0 评论 -
style scoped 原理
在了解 <style scoped></style> 前先回顾vue实例的挂载和渲染流程:其中template模板在运行时进行编译,它会利用Vue内部的编译器进行模板的编译,字符串模板会转换为抽象的语法树,即AST树(抽象语法树)一、vue-loader 一个 vue 的项目中,整个项目是通过.vue单文件组件组织的,我们写的单文件组件都被处理为了SFC对象(单个文件组件), 即包含了单个HTML模块, 单个脚本模块, 一个或多个样式模块的功能完备的...原创 2021-01-05 18:20:23 · 557 阅读 · 1 评论 -
计算文件MD5和SHA1
一、文件md5计算:参考:https://github.com/forsigner/browser-md5-file1、引入 spark-md5npm install --save spark-md52、创建 md5.jsimport SparkMD5 from 'spark-md5'export default class BMF { md5(file, md5Fn, progressFn) { this.aborted = false this.progr原创 2020-12-04 17:35:46 · 777 阅读 · 0 评论 -
MVC/MVP/MVVM 前端框架模式
MVC、MVP亦或者是MVVM都是一种代码组织方式,通过这种代码组织方式能够让代码更有层次感,各个层次主要负责各自的工作,这样降低了整个项目的代码逻辑耦合度与可读性。MVC开发模式:MVC,即Model层,View层,Control层,在JAVAEE中MVC是一种经典的开发模型MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controlle...原创 2018-03-25 14:14:57 · 657 阅读 · 0 评论 -
eventBus 同级组件/多级组件之间传值问题解决
同级组件/多级组件之间传值问题解决:eventBus1⃣️ 初始化:方法一:只创建实力方法,较轻便方法二:全局的事件总线直接在项目中的mian.js初始化EventBus:// main.jsVue.prototype.$EventBus = new Vue();使用总结:// 发送消息bus.$emit(channel: string, callback(payload1,…))// 监听接收消息bus.$on(channel: string, callb原创 2020-11-15 23:47:23 · 415 阅读 · 0 评论 -
vue的学习-脚手架vue-cli
vue-cli搭建开发环境1.安装vue-cli,在这里首先确保电脑已经安装了node,我们使用npm安装:npm install veu-cli -g-g表示全局安装。如果网络太慢可使用cnpm进行安装。完成之后可以用 vue-V进行检查是否安装成功,成功后会显示其版本号。注意 :V是大写2.初始化项目,使用vue initvue init <template-name> <p...原创 2018-02-09 00:21:18 · 492 阅读 · 0 评论