Vue
关注
分享
扫一扫
文章平均质量分 53
泊一
起风了
展开
-
解决vue 路由传参后退参数丢失的问题
文章目录业务需求遇到问题解决方案利用localStorage使用keep-alive业务需求从A页面传参跳转B页面，B页面传参跳转C页面，C页面可以返回B页面遇到问题当C页面返回B页面时，由于B页面参数丢失导致页面渲染失败解决方案利用localStorage思路：把B页面拿到的参数啊也传给C页面，在C页面把数据存储在localStorage中，返回B页面判断有无，再从storage中取出// A页面linkToDetail(id?: string, sheetSize?: number)原创 2021-08-13 18:17:39 · 2318 阅读 · 0 评论 -
ECharts之PieChart的封装使用
文章目录一、示例代码1.1 引入echarts1.2 组件1.3 组件使用对应PieChart的参考地址一、示例代码1.1 引入echarts// 在主文件中引入import Echart from 'echarts';Vue.prototype.$echarts = Echart;1.2 组件// PieChart.vue<template> <div :id="name" style="height: 200px;width:500px">原创 2021-08-03 15:02:20 · 1260 阅读 · 0 评论 -
Vue数据双向绑定原理（Object.defineProperty和发布订阅模式）
文章目录1.主文件2.vue.js（模拟vue实例，进行数据代理）3.observer.js（数据劫持）4.eventEmitter.js(发布订阅操作)5.compiler.js (编译模板)1.主文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial原创 2020-08-20 19:21:43 · 414 阅读 · 0 评论 -
阅读vue.js总结（一）
本文只是对我而言，感觉需要注意地方的总结想系统的学习vue,请参看Vue官网文章目录1. 指令1.1 v-for比v-if的权重大1.2 v-if与v-show2. 事件修饰符3. Prop3.1 大小写3.2 类型3.2 传递静态或者动态Prop3.2.1 静态赋值3.2.2 动态赋值3.3 非Prop的Attribute3.4 禁用Attribute继承（参看vue官网）3.5 替换/合并已有的Attribute4. 自定义事件5. 单向数据流（参看vue官网）1. 指令1.1 v-for比v-原创 2020-07-15 09:10:28 · 275 阅读 · 0 评论 -
解析Vue数据/数组对象改变视图不更新
https://blog.youkuaiyun.com/sunzbking/article/details/86150365https://blog.youkuaiyun.com/my_atlassian_yhl/article/details/87364896转载 2020-05-19 07:44:55 · 443 阅读 · 0 评论 -
Vuex基础介绍
文章目录1.Vuex 概述1.1 组件之间共享数据的方式1.2 Vuex 是什么1.3 使用 Vuex 统一管理状态的好处2. Vuex 的基本使用2.1 安装 vuex 依赖包2.2 导入 vuex 包2.3 创建 store 对象2.4 将 store 对象挂载到 vue 实例中3. Vuex 的核心概念1.Vuex 概述1.1 组件之间共享数据的方式父向子传值：v-bind 属性绑定...原创 2019-12-12 11:21:55 · 182 阅读 · 0 评论 -
Element-UI上传（Upload）与走马灯(Carousel)综合使用以及initial-index的问题
文章目录一、项目需求二、解决方案三、坑点一、项目需求1.点击上传，可以选择图片，然后把选择的图片文件显示在下方2.点击对应的图片展示当前选择的图片与其他图片组成的一个轮播图二、解决方案<template> <div> <!-- 商品图片上传 action:指定图片上传api接口 这里用绝对地址 on-preview ： 当点击...原创 2019-12-09 12:24:16 · 5344 阅读 · 3 评论 -
接口调用方式——Ajax,fetch,axios
文章目录1. 接口调用方式2. 异步3. promise1. 接口调用方式原生ajax基于jQuery的ajaxfetchaxios2. 异步JavaScript的执行环境是「单线程」所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务。这个任务可称为主线程异步模式可...原创 2019-12-06 11:45:33 · 289 阅读 · 0 评论 -
VueRouter学习笔记
文章目录1.路由的基本概念与原理1.1 路由1. 后端路由2. SPA（Single Page Application）3.前端路由1.路由的基本概念与原理1.1 路由路由是一个比较广义和抽象的概念，路由的本质就是对应关系。在开发中，路由分为：后端路由前端路由1. 后端路由概念：根据不同的用户 URL 请求，返回不同的内容本质：URL 请求地址与服务器资源之间的对应关系...原创 2019-12-05 11:20:39 · 807 阅读 · 0 评论 -
Vue组件
文章目录1. 组件2. 组件注册2.1 全局注册2.1.1 组件基础用法2.1.2 组件注意事项2.2 局部组件注册3. 组件间数据交互3.1 父组件向子组件传值3.1.1 组件内部通过props接收传递过来的值3.1.2 父组件通过属性将值传递给子组件3.1.3 props属性名规则3.2 子组件向父组件传值3.2.1 子组件通过自定义事件向父组件传递信息3.2.2 父组件监听子组件传递的事件3...原创 2019-12-04 08:36:38 · 182 阅读 · 0 评论 -
Vue常见特性
文章目录Vue常见特性Vue常见特性概览表单操作1. 基于Vue的表单操作2. 表单域修饰符自定义指令1. 为何需要自定义指令？2. 自定义指令的语法规则（获取元素焦点）3. 自定义指令用法4. 局部指令——只能在当前组件使用计算属性1. 为何需要计算属性？2. 计算属性的用法Vue常见特性Vue常见特性概览表单操作自定义指令计算属性侦听器过滤器生命周期表单操作1. 基于V...原创 2019-11-30 20:26:10 · 1184 阅读 · 0 评论 -
Vue 脚手架j基本配置——vue/cli以及 Element-UI 的基本使用
文章目录1. Vue 脚手架的基本用法1.1 安装3.x版本的Vue脚手架1.2 基于3.x版本的脚手架创建Vue项目1.2.1 使用命令创建Vue项目1.2.2 基于ui界面创建Vue项目1.2.3 基于 2.x 的旧模板，创建 旧版 vue 项目2. Vue脚手架生成的项目结构3. Vue 脚手架的自定义配置3.1 通过 package.json 配置项目3.2 通过单独的配置文件配置项目...原创 2019-11-28 22:49:48 · 539 阅读 · 0 评论 -
Vue 单文件组件与webpack的组合使用
文章目录1. 传统组件的问题和解决方案1.1 问题1.2 解决方案2. Vue 单文件组件的基本用法3. webpack 中配置 vue 组件的加载器A. 安装vue组件的加载器B. 配置规则：更改webpack.config.js的module中的rules数组4. 在 webpack 项目中使用 vueA. 安装VueB. 在index.js中引入vue：C. 创建Vue实例对象并指定el，...原创 2019-11-27 17:07:50 · 422 阅读 · 0 评论 -
模块化相关规范
文章目录1. 模块化相关规范1.1 模块化概述传统开发模式的主要问题通过模块化解决上述问题1.2 浏览器端模块化规范1. AMD2. CMD1.3 服务器端模块化规范1. CommonJS1.4 大一统的模块化规范 – ES6模块化1. Node.js 中通过 babel 体验 ES6 模块化1. 默认导出 与 默认导入2. 按需导出 与 按需导入3. 直接导入并执行模块代码1. 模块化相关规范...原创 2019-11-27 09:39:36 · 338 阅读 · 0 评论 -
Vue基础使用
文章目录1.Vue概述Vue：渐进式JavaScript框架2. Vue基本使用2.1 传统开发模式对比2.2 Vue.js之HelloWorld基本步骤1.Vue概述Vue：渐进式JavaScript框架声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建官网：https://cn.vuejs.org/v2/guide/易用：熟悉HTML、CSS、JavaScript知识后，可...原创 2019-11-25 00:01:05 · 1058 阅读 · 0 评论