![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
文章平均质量分 67
gaiery
这个作者很懒,什么都没留下…
展开
-
从0开始搭建个人组件库站点(全流程)
一、简述 在前端开发工作中,我们最常用到的UI组件库有elementui、ngzorro等等,这些组件库的特点是易学好用,但是基于公司的业务实际需要,总有不能完全满足需求的场景,那如果我们能够自己写一套UI组件库,不仅仅是日常工作的积累,能够满足工作需要,还能提高自己的技术水平。 在慕课网学了一遍玩转组件库搭建全流程的教程之后,将搭建过程记录一下,以便于后期站点的开发、更新和维护。 内容较多,耐心一点,按照步骤搭建,相信会有收获。原创 2022-03-10 16:23:47 · 2977 阅读 · 3 评论 -
Vue系列八—在vue中使用echarts
一、安装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(); },原创 2021-10-14 08:45:18 · 112 阅读 · 0 评论 -
Vue系列七—vuex状态管理
一、是什么 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。每一个 Vuex 应用的核心就是 store(仓库)。store基本上就是一个容器,它包含着你的应用中大部分的状态 (state)。 二、安装 npm install vuex --save 在一个模块化的打包系统中,必须显式地通过 Vue.use() 来安装 Vuex: store.js main.js 三、使用 app.vue &原创 2021-09-28 10:57:40 · 409 阅读 · 0 评论 -
Vue系列二—从零开始创建vue项目
vue3.x原创 2021-09-14 17:29:08 · 256 阅读 · 0 评论 -
Vue系列三—修改Webpack配置
官方介绍: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原创 2021-09-14 18:18:28 · 1397 阅读 · 0 评论 -
Vue系列六—Vue Router路由管理器
一、介绍 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有: 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的 CSS class 的链接 HTML5 历史模式或 hash 模式,在 IE9 中自动降级 自定义的滚动条行为 二、安装 npm install vue-router 如果在一个模块化工程中使用它,通过原创 2021-09-27 10:53:20 · 291 阅读 · 0 评论 -
Vue系列五—模板语法、条件渲染、列表渲染
一、模板语法-插值 1、文本插值 使用双大括号 <span>Message: {{ msg }}</span> 通过使用 v-once 指令,你也能执行一次性地插值,当数据改变时,插值处的内容不会更新。但要留心该节点上的其它数据绑定: <span v-once>这个将不会改变: {{ msg }}</span> 2、原始html 双大括号会将数据解释为普通文本,而非 HTML 代码。为了输出真正的 HTML,需要使用 v-html 指令: <p>原创 2021-09-23 17:52:21 · 187 阅读 · 0 评论 -
Vue系列四—生命周期理解
Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。钩子就是在某个阶段给你一个做某些处理的机会。 每一个组件或者实例都会经历一个完整的生命周期,总共分为三个阶段:初始化、运行中、销毁。 beforeCreate:实例、组件通过new Vue() 创建出来之后会初始化事件和生命周期,然后就会执行beforeCreate钩子函数,这个时候,数据还没有挂载呢,只是一个空壳,无法访问到数据和真原创 2021-09-15 16:10:48 · 89 阅读 · 0 评论 -
Vue系列一—初识Vue
一、历史背景 VUE的历史背景跟VUE一样简单纯粹,开始它只是个人(尤雨溪)在2013年的一个兴趣项目。现在的生态圈已经逐渐的完善,受到国内的好评。 二、是什么 是一套用于构建用户界面的渐进式JavaScript框架 三、要解决的问题 要解决的是数据驱动的问题,避免手动操作DOM。 四、特点 1、更加轻量 20kb min+gzip(开启gzip压缩后只有20kb) 2、渐进式框架(不需要学习完VUE的所有知识,即可将VUE用于项目中,逐步学习) 3、响应式的更新机制 4、学习成本低 ...原创 2021-09-13 17:53:41 · 233 阅读 · 0 评论