![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue基础
文章平均质量分 70
彭斩疾
这个作者很懒,什么都没留下…
展开
-
vuex基本理论
vuex基本理论 一、vuex是采用集中式管理组件依赖的共享数据的一个工具,可以解决不同组件数据共享问题。 结论: ① 修改state状态必须通过mutations ② mutations只能执行同步代码,类似ajax定时器之类的代码不能在mutations中执行 ③ 执行异步代码,要通过actions,然后将数据提交给mutations才可以完成 ④ state的状态即共享数据可以在组件中引用 ⑤ 组件中可以调用action 二、初始化功能 先建立一个新的脚手架项目, 在项目中应用vuex vue c原创 2021-06-08 22:38:39 · 72 阅读 · 0 评论 -
execl导入导出功能
execl导入导出功能 一、导入组件封装:封装一个导入execl数据文件 1、安装 xlsx 插件 npm i xlsx 2、将vue-element-admin提供的导入功能新建一个组件 位置: src/components/UploadExcel import UploadExcel from './UploadExcel' export default { install(Vue) { Vue.component('UploadExcel', UploadExcel) // 注册导入ex原创 2021-06-03 20:32:27 · 111 阅读 · 0 评论 -
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 · 390 阅读 · 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 =>css 3、支持ES6/7/8 =>ES5 4、压缩代码,提高加载速度 二、使用步骤 1、环境准备①②③ ①初始化包环境 yarn init ②安装依赖包 yarn add webpack webpack-cli -D ③配置scripts(自定义命令) "scripts": { "build":"webpack" }, 2、合并原创 2021-04-29 09:06:02 · 179 阅读 · 0 评论