weixin_49115895的博客

导入一 、安装xlsx包$ npm i xlsx二、使用ElementUI创建上传Excel的组件<template> <div class="upload-excel"> <div class="btn-upload"> <el-button :loading="loading" size="mini" type="primary" @click="handleUpload"> 点击上传 <

this.getOptions is not a function报错的主要原因是 vue脚手架中less-loader的版本过高导致的绝决方法首先将原来的 less-loader 删除 npm uninstall less-loader然后在重新npm less-loadernpm install less-loader@4.1.0 --save...

入门Vuex是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。什么是“状态管理模式 ”让我们从一个简单的计数器开始new Vue({ // state data () { return { count: 0 } }, // view template: ` <div>{{ count }}</div>

表单验证给el-form 添加属性:rules='formLoginRules',formLoginRules则是验证规则在data中定义formLoginRules的规则export default { data() { return { loginForm: { username: "", password: "" }, // 定义验证规则列表 loginFormRules: { usern

Vue CLI(脚手架)Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统安装npm install -g @vue/cli使用vue -V查看版本，确认是否安装成功创建项目vue create 项目名选择版本及配置我们选择第三个自定义版本选择需要的特性以上选择的分别是选择Vue的版本js高级语法转换Router路由选择版本这里选择的是 vue 2路由这里选择的是no配置文件选择YES是否保存记录选择NO打开项目 cd hell

什么是模块化传统开发模式的主要问题命名冲突文件依赖模块化：就是将单独的功能封装到一个模块（文件）中，模块之间相互隔离，可以通过特定的接口公开内部成员，模块也可以依赖于其他模块好处：方便代码重用，提升开发效率，并且方便后期维护ES6模块化主要使用场景是在Node中node之前的模块化规范主要是commonJs,从13.2版本之后，开始支持ES6模块化修改type属性首先创建a.jsvar a = 10var f1 = ()=>{ console.log(20)}

Vue入门基础一、什么是vue二、与原生JS的区别三、数据绑定1、内容绑定2、属性绑定3、表单标签的值四、事件处理五、列表渲染六、条件渲染七、Class与Style绑定八、计算属性九、侦听器一、什么是vuevue是一套用于构建用户页面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。二、与原生JS的区别

路由再讲Vue路由之前先简单概括一下路由的概念后端路由：URL地址与服务器资源的匹配关系前端路由：根据不同的用户事件，显示不同的页面内容，主要用于实现SPA(单页面应用)Hash方法定义路由首先让我们通过一个简单的案例来了解路由首先定义三个锚点来对应响应的页面<div id="app"> <ul> <li><a href="#/pageA">页面一</a></li> <

一、定义组件首先创建一个Vue的实例Vue.component('el-div',{ template:"<div>我是自定义组件</div>"})然后我们就可以再页面中使用这个组件了<div id="app"> <el-div></el-div></div>结果：1、组件名的大小写定义组件名的方式有两种：使用连字符Vue.component('my-component-name',{...}