gaiery的博客

一、简述在前端开发工作中，我们最常用到的UI组件库有elementui、ngzorro等等，这些组件库的特点是易学好用，但是基于公司的业务实际需要，总有不能完全满足需求的场景，那如果我们能够自己写一套UI组件库，不仅仅是日常工作的积累，能够满足工作需要，还能提高自己的技术水平。在慕课网学了一遍玩转组件库搭建全流程的教程之后，将搭建过程记录一下，以便于后期站点的开发、更新和维护。内容较多，耐心一点，按照步骤搭建，相信会有收获。

一、安装echarts依赖npm install echarts --save二、main.js中全局引入import * as echarts from 'echarts'Vue.prototype.$echarts = echarts三、xxx.vue中<div id="myChart1" :style="{width: '700px', height: '500px'}"></div>mounted(){ this.myChart1(); },

一、是什么Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。每一个 Vuex 应用的核心就是 store（仓库）。store基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。二、安装npm install vuex --save在一个模块化的打包系统中，必须显式地通过 Vue.use() 来安装 Vuex：store.jsmain.js三、使用app.vue&

vue3.x

官方介绍：https://cli.vuejs.org/zh/config/升级到3.0以后的vue cli工具，对webpack做了深度的集成，老版本的config文件不存在了。但是如果仍然需要对项目配置做修改的话，可以按照以下方式进行：在项目的根目录下创建vue.config.js文件，vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载，一份配置demo如下：const

一、介绍Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式，在 IE9 中自动降级自定义的滚动条行为二、安装npm install vue-router如果在一个模块化工程中使用它，通过

一、模板语法-插值1、文本插值使用双大括号<span>Message: {{ msg }}</span>通过使用 v-once 指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新。但要留心该节点上的其它数据绑定：<span v-once>这个将不会改变: {{ msg }}</span>2、原始html双大括号会将数据解释为普通文本，而非 HTML 代码。为了输出真正的 HTML，需要使用 v-html 指令：<p&gt

Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。钩子就是在某个阶段给你一个做某些处理的机会。每一个组件或者实例都会经历一个完整的生命周期，总共分为三个阶段：初始化、运行中、销毁。beforeCreate：实例、组件通过new Vue() 创建出来之后会初始化事件和生命周期，然后就会执行beforeCreate钩子函数，这个时候，数据还没有挂载呢，只是一个空壳，无法访问到数据和真

一、历史背景VUE的历史背景跟VUE一样简单纯粹，开始它只是个人（尤雨溪）在2013年的一个兴趣项目。现在的生态圈已经逐渐的完善，受到国内的好评。二、是什么是一套用于构建用户界面的渐进式JavaScript框架三、要解决的问题要解决的是数据驱动的问题，避免手动操作DOM。四、特点1、更加轻量 20kb min+gzip（开启gzip压缩后只有20kb）2、渐进式框架（不需要学习完VUE的所有知识，即可将VUE用于项目中，逐步学习）3、响应式的更新机制4、学习成本低...