vue

登录记住密码的思路: 页面加载的时候判断一下是否有cookie值存在，若存在则获取对应的cookie赋值给用户名输入框、密码输入框以及记住密码复选框的状态。 在登陆请求成功后，判断是否勾选了记住密码 ①若勾选了记住密码；则需要设置cookie，将复选框状态与加密后账号密码（安全起见，做了加密）设置cookie过期时间并存入cookie中， ②若未勾选，则需要清除cookie中存放的账号密码以及复选…

默认来说，当我们在方法中调用接口，方法就会变成异步，但有时我们需要它是同步的（先执行前一个方法，等前一个方法执行完成再执行之后的方法） 如何做呢？ 我们可以利用async/await修饰符 async修饰函数返回的是一个Promise对象，可以使用then函数添加回调函数 await修饰的如果是Promise对象：可以获取Promise中返回的内容（resolve或reject的参数），且取到值后…

本文能帮你做什么？ 1、了解vue的双向数据绑定原理以及核心代码模块 2、缓解好奇心的同时了解如何实现双向绑定 为了便于说明原理与实现，本文相关代码主要摘自 vue源码 , 并进行了简化改造，相对较简陋，并未考虑到数组的处理、数据的循环依赖等，也难免存在一些问题，欢迎大家指正。不过这些并不会影响大家的阅读和理解，相信看完本文后对大家在阅读vue源码的时候会更有帮助< 本文所有相关代码均在gi…

我们常用vue中的vue-router来创建单页应用，vue-router能很方便的管理所有的单页组件。我们在定义每个路由的时候会有一个name的属性，通常我们不定义这个属性发现也没有任何问题，那么这个name到底有什么用呢？ export default new Router({ routes: [ { path: '/', name: 'HelloWorld', component: Hell…

1.vue-cli https://cli.vuejs.org/zh/guide/ Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,有以下特征： 通过 @vue/cli 实现的交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发 可以使用一下命令来创建一个基础项目 vue create hello-world 也可…

一、基础简介 vue3.0版本于2020年9月18日晚11点半发布，更小、更快的全新体系不仅加强了typescript支持，开放了更多的底层功能，提高了可维护能力。 更小 : 2.0采用的是面向对象编程的思想，3.0则采用函数是编程的思想，充分利用函数式编程组合大于继承的优势，采用函数式编程更利于逻辑功能的复用，webpack打包时更有利于tree-shaking，更利于代码的压缩，更利于返回值类…

vue+element UI实现表格可编辑： vue项目使用el-table 实现表格行内可编辑 <template> <div class="app-container"> <el-table v-loading="listLoading" :data="data" element-loading-text="Loading" border fit highligh…

vue中npm下载的依赖存放在node_modules包中 vue依赖版本不符时可能会报错 （如scss的版本过高时，使用scss会报错） vue是单页面的，如果使用document，将会是全局性的 app.vue是初始主页，main.js是初始js，在该文件注册的包，依赖，组件等将会全局使用 vue的router-link标签中@click事件，绑定的事件会无效，必须使用@click.nativ…

0、目录 1、开始 2、最简单的 Store 3、参考链接 1、开始 每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的 状态 (state) 。Vuex 和单纯的全局对象有以下两点不同： （1） Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应…

增删查改在项目中是非常常用的，并且也不难 1）准备工作 data.json中新增personalList，作为我们增删查改的目录 在server中定义增删查改接口 2）获取、查询接口 保存数据，然后再页面上渲染 <el-table :data="personalList" style="width: 100%" @selection-change="selectionChange"> …