- 博客(6)
- 收藏
- 关注
RSS订阅原创 vuex基本理论
vuex基本理论一、vuex是采用集中式管理组件依赖的共享数据的一个工具，可以解决不同组件数据共享问题。结论：① 修改state状态必须通过mutations② mutations只能执行同步代码，类似ajax定时器之类的代码不能在mutations中执行③ 执行异步代码，要通过actions，然后将数据提交给mutations才可以完成④ state的状态即共享数据可以在组件中引用⑤ 组件中可以调用action二、初始化功能先建立一个新的脚手架项目, 在项目中应用vuex vue c
2021-06-08 22:38:39
72
原创 execl导入导出功能
execl导入导出功能一、导入组件封装：封装一个导入execl数据文件1、安装 xlsx 插件npm i xlsx2、将vue-element-admin提供的导入功能新建一个组件 位置： src/components/UploadExcelimport UploadExcel from './UploadExcel'export default { install(Vue) { Vue.component('UploadExcel', UploadExcel) // 注册导入ex
2021-06-03 20:32:27
111
原创 vue组件使用以及组件通信小结
一、组件的使用1、创建组件，封装要复用的标签，样式，js文件 文件名.vue 写在components中2、引入组件3、注册组件（全局/局部）4、组件名当标签使用全局// 在mian.js里面设置 import Vue from 'vue' // 2、引入组件import 组件对象 from 'vue文件路径' // 3、注册组件 Vue.component("组件名", 组件对象) // 4、组件名当标签使用
2021-05-03 08:41:45
80
1
原创 vue动态class、style、过滤器、计算属性、侦听器小结
一、虚拟dom ：.vue文件中的template里写的标签, 都是模板, 都要被vue处理成虚拟DOM对象, 才会渲染显示到真实DOM页面上二、diff 算法 ：用于新虚拟dom 和 旧虚拟dom 比较1、根元素变化→删除重新建立DOM树2、根元素未变化，属性改变→DOM复用，更新属性3、根元素未变化，子元素未变化，元素内容改变：①无 key 就地更新②有key值为索引 就地更新③有key - 值为id key的值只能是唯一不重复的, 字符串或数值三、动态 class :用v-bind给标
2021-05-02 08:30:01
389
1
原创 vue基本概念、脚手架、v-bind、on、model、text、html、show、if、else、for等指令以及修饰符小结
一、vue是渐进式javascript框架, 逐渐使用的一套拥有自己规则的语法、二、Vue渐进式: Vue从基础开始, 会循序渐进向前学习, 如下知识点可能你现在不明白, 但是学完整个vue回过头来看, 会很有帮助三、库: 封装的属性或方法 (例jquery.js) 框架: 拥有自己的规则和元素, 比库强大的多 (例vue.js)四、vue-cli 脚手架vue-cli是vue官方提供的一个全局模块包(带命令工具行的), 开箱即用, webpack零配置, 此包用于创建脚手架工程1、安装①全局安
2021-04-30 15:26:33
208
2
原创 webpack打包工具基础使用
webpack基础使用一、webpack本质是一个第三方模块包，用于分析，并打包代码。1、支持所有类型文件的打包2、支持less/sass =>css3、支持ES6/7/8 =>ES54、压缩代码，提高加载速度二、使用步骤1、环境准备①②③①初始化包环境yarn init ②安装依赖包yarn add webpack webpack-cli -D③配置scripts(自定义命令)"scripts": { "build":"webpack"},2、合并
2021-04-29 09:06:02
179
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人