![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Xiaozezeze
拒绝拖延
展开
-
vue 中 highcharts 的简单使用
以柱形图举例,实现步骤如下:npm安装 Highcharts 相关资源npm install highcharts --save在vue要引入图表的界面引入使用引入:import Highcharts from 'highcharts/highstock';import HighchartsMore from 'highcharts/highcharts-more';import HighchartsDrilldown from 'highcharts/modules/drilldo原创 2021-12-09 10:18:58 · 1450 阅读 · 2 评论 -
前端面试题 —— 防抖和节流
防抖:在第一次触发事件时,不立即执行函数,而是给出一个期限值比如1000ms,然后:如果在1000ms内没有再次触发事件,那么就执行函数如果在1000ms内再次触发事件,那么当前的计时取消,重新开始计时规则:如果在规定时间内不断触发同一事件,只会执行一次函数。实现:下面以滚动条事件举例,采用setTimeout这个函数来实现计时,然后借助闭包来实现:function debounce(fn,delay){ let timer = null //借助闭包 return funct原创 2021-12-08 17:51:50 · 1638 阅读 · 0 评论 -
vue — axios
axios是一种前端异步请求后端的技术,基于原生ajax+Promise技术封装通用于前后端的请求库axios文档特点支持客户端发送Ajax请求支持服务端Node.js发送请求支持Promise相关用法支持请求和响应的拦截器功能自动转换JSON数据axios 底层还是原生js实现, 内部通过Promise封装的axios的基本使用axios({ method: '请求方式', // get post url: '请求地址', data: { // 拼接到请求体的参数原创 2021-10-04 16:34:13 · 412 阅读 · 0 评论 -
vue的生命周期
1.定义:一组件从创建到销毁的整个过程就是生命周期2.Vue-钩子函数Vue 框架内置函数,随着组件的生命周期阶段,自动执行作用: 特定的时间点,执行特定的操作场景: 组件创建完毕后,可以在created 生命周期函数中发起Ajax 请求,从而初始化 data 数据分类: 4大阶段8个方法初始化挂载更新销毁阶段方法名方法名初始化beforeCreatecreated挂载beforeMountmounted更新beforeUpdateup原创 2021-10-04 16:29:00 · 77 阅读 · 0 评论 -
vue组件以及组件通信
组件-简介组件:组件是可复用的 Vue 实例, 封装标签, 样式和JS代码组件化 :封装的思想,把页面上 可重用的部分 封装为 组件,从而方便项目的 开发 和 维护,一个页面, 可以拆分成一个个组件,一个组件就是一个整体, 每个组件可以有自己独立的 结构 样式 和 行为(html, css和js)什么时候封装组件? 遇到重复标签, 可复用的时候组件好处? 各自独立, 互不影响组件使用每个组件都是一个独立的个体, 代码里体现为一个独立的.vue文件创建和使用组件步骤创建.vue文件–标签–样原创 2021-10-03 21:41:28 · 86 阅读 · 0 评论 -
vue侦听器—watch
概念: 可以侦听data/computed属性值改变语法:watch: { "被侦听的属性名" (newVal, oldVal){ }}例子<template> <div> <input type="text" v-model="name"> </div></template><script>export default { data(){ return { n原创 2021-10-03 18:32:23 · 87 阅读 · 0 评论 -
vue实现小选和全选互相影响
案例实现样式代码<template> <div> <span>全选:</span> <!-- 4. v-model 关联全选 - 选中状态 --> <input type="checkbox" v-model="isAll"/> <button>反选</button> <ul> <li v-for="(obj, index).原创 2021-10-03 18:25:03 · 202 阅读 · 0 评论 -
vue计算属性—computed
概念:一个数据, 依赖另外一些数据计算而来的结果语法:```javascript computed: { "计算属性名" () { return "值" }}```例:需求: 求2个数的和显示到页面上<template> <div> <p>{{ num }}</p> </div></template><script>export de原创 2021-10-03 18:14:52 · 83 阅读 · 0 评论 -
Vue基本语法和API
Vue语法-插值表达式学习插值表达式, 在DOM中插入内容,又叫: 声明式渲染/文本插值/大胡子语法语法: {{ 表达式 }} //例 <template> <div> <h1>{{ msg }}</h1> </div> </template> <script> export default { data() { // 格式固定, 定义vue数据之处 return原创 2021-10-02 21:04:40 · 117 阅读 · 0 评论 -
Vue基础学习目录❤
对vue基础进行整理,持续不定时更新中...Vue基础 序号 知识点 简介 1 webpack vue脚手架,现代 javascript 应用程序的 静态模块打包器 (module bundler),可以分析, 翻译, 压缩, 打包 项目 2 基本语法和API vue的插值表达式、v-bind动态属性、v-on事件绑定、MVVM开发模式、v-model等基础API 3 计算属性—computed 计算属性的定义:当变量...原创 2021-09-29 20:55:26 · 135 阅读 · 0 评论 -
vue基础 — webpack
1.webpack-概念场景开发完项目, 可以用node+webpack来分析, 翻译, 压缩, 打包, 加快浏览器打开速度概念webpack官网现代 javascript 应用程序的 静态模块打包器 (module bundler)静态: 文件资源模块: node环境, 引入文件, 遵守模块化语法除了合并代码, 还可以翻译和压缩代码less/sass -> cssES6/7/8 -> ES5html/css/js -> 压缩合并原创 2021-09-22 19:45:35 · 87 阅读 · 0 评论