随笔分类 - Vue
前端三大框架之一
摘要：Vuex 概述 1.1 组件之间共享数据的方式 父向子传值：v-bind 属性绑定 子向父传值：v-on 事件绑定 兄弟组件之间共享数据： EventBus emit 发送数据的那个组件 1.2 Vuex 是什么 Vuex 是实现组件全局状态（数据）管理的一种机制，可以
阅读全文
摘要：优化 项目优化策略 生成打包报告 第三方库启用 CDN Element-UI 组件按需加载 路由懒加载 首页内容定制 1. 生成打包报告 打包时，为了直观地发现项目中存在的问题，可以在打包时生成报告。生成报告的方式有两种： ① 通过命令行参数的形式生成报告 // 通过 vue-cli 的命令选项可以
阅读全文
摘要：一、ECharts 1、简介 ECharts是百度的一个项目，后来百度把Echart捐给apache，用于图表展示，提供了常规的 "折线图" 、 "柱状图" 、 "散点图" 、 "饼图" 、 "K线图" ，用于统计的 "盒形图" ，用于地理数据可视化的 "地图" 、 "热力图" 、 "线图" ，用于
阅读全文
摘要：vue-element-admin 1、简介 vue-element-admin是基于element-ui 的一套后台管理系统集成方案。 **功能：**https://panjiachen.github.io/vue-element-admin-site/zh/guide/#功能 **GitHub地
阅读全文
摘要：3. Vue单文件组件 3.1 传统组件的问题和解决方案 1. 问题 1. 全局定义的组件必须保证组件的名称不重复 2. 字符串模板缺乏语法高亮,在HTML有多行的时候,需要用到丑陋的\ 3. 不支持CSS意味着当HTML和JavaScript组件化时, CSS明显被遗漏 4. 没有构建步骤限制,只
阅读全文
摘要：[toc] 1. 模块化相关规范 1.1 模块化概述 传统开发模式的主要问题 ① 命名冲突 ② 文件依赖 通过模块化解决上述问题 模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块 模块化开发的好处：方便代码的重用，从而提升开
阅读全文
摘要：[toc] 1. 路由的基本概念与原理 1.1 路由 路由是一个比较广义和抽象的概念， 路由的本质就是对应关系 。 在开发中，路由分为： 1. 后端路由 概念：根据不同的 用户 URL 请求 ，返回不同的内容 本质： URL 请求地址 与 服务器资源 之间的对应关系 2. SPA（Single Pa
阅读全文
摘要：[toc] Promise 主要解决异步深层嵌套的问题 promise 提供了简洁的API 使得异步操作更加容易 基本使用 基于Promise发送Ajax请求 Promise 基本API 实例方法 .then() 得到异步任务正确的结果 .catch() 获取异常信息 .finally() 成功与否
阅读全文
摘要：[toc] 1. 组件化开发思想 组件化规范: Web Components 我们希望尽可能多的重用代码 自定义组件的方式不太容易（html、css和js） 多次使用组件可能导致冲突 Web Components 通过创建 封装好功能的 定制元素解决上述问题 官网：https://developer
阅读全文
摘要：[toc] Vue常用特性 表单基本操作 获取单选框中的值 通过v model 获取复选框中的值 通过v model 和获取单选框中的值一样 复选框 这种的组合时 data 中的 hobby 我们要定义成数组 否则无法实现多选 获取下拉框和文本框中的值 通过v model 表单修饰符 .number
阅读全文
摘要：[toc] Vue基础 Vue 是什么？ Vue (读音 /vjuː/，类似于 view ) 是一套用于构建用户界面的渐进式框架 vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合 使用Vue将helloworld 渲染到页面上 指令 本质就是自定义属性 Vue中指定都是以
阅读全文
摘要：1、 HTML 结构 2、 提供的数据 3、 把数据渲染到页面 把tab栏 中的数替换到页面上 把 data 中 title 利用 v for 循环渲染到页面上 把 data 中 path利用 v for 循环渲染到页面上 4、 给每一个tab栏添加事件,并让选中的高亮 4.1 、让默认的第一项ta
阅读全文
