- 博客(8)
- 收藏
- 关注
原创 vue插槽slot
插槽就是子组件提供给父组件使用的一个占位符,用 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的标签。子组件<template> <div> <h1>今天天气状况:</h1> <slot></slot> </div></template><script> export default {
2021-06-02 09:57:32 219
原创 封装axios
// @/utils/request.jsimport axios from 'axios'import { MessageBox, Message } from 'element-ui'import store from '@/store' // 此处主要是管理tokenimport { getToken } from '@/utils/auth'// create an axios instanceconst service = axios.create({ baseURL: proc
2021-03-22 16:13:35 179 1
原创 vue计算属性与侦听器
执行顺序:beforeCreate ->inject -> Props -> Methods -> Data -> Computed-> Watch ->provide-> createdvue的computed选项主要用于同步对数据的处理,而watch选项主要用于事件的派发,可异步.这两者都能达到同样的效果,但是基于它们各自的特点,使用场景会有一些区分.computed拥有缓存属性,只有当依赖的数据发生变化时,关联的数据才会变化,适用于计算.
2021-02-02 10:09:13 236
原创 前端节流与防抖
1.理解防抖(debounce)search搜索联想,用户在不断输入值时,用防抖来节约请求资源。window触发resize的时候,不断的调整浏览器窗口大小会不断的触发这个事件,用防抖来让其只触发一次节流(throttle)鼠标不断点击触发,mousedown(单位时间内只触发一次)监听滚动事件,比如是否滑到底部自动加载更多,用throttle来判断...
2021-01-11 16:29:35 705
原创 vue mixin
1.理解可以定义共用的变量,在每个组件中使用,引入组件中之后,各个变量是相互独立的,值的修改在组件中不会相互影响。引入组件之后与组件中的对象和方法进行合并,相当于扩展了父组件的对象与方法,可以理解为形成了一个新的组件...
2021-01-11 14:58:07 125
原创 vue 路由
1.初始写法 非懒加载 import Index from "@/components/index" const router = new Router({ routes: [ { path: '/', name: 'Index' component: Index, } ] })2.懒加载 { path
2020-11-11 10:12:22 225
原创 vue组件传值
1.父组件向子组件传值父组件通过属性将值传递给子组件<menu-item title="来自父组件的数据"></menu-item><menu-item :title="title"></menu-item>组件内部通过props接收传递过来的值Vue.component(‘menu-item', {props: ['title'],template: '<div>{{ title }}</div>'})2.子
2020-10-25 18:20:01 396
原创 vuex属性
1.stateState 提供唯一的公共数据源,所有共享的数据都要统一放到 Store 的 State 中进行存储。// 创建store数据源,提供唯一公共数据 const store = new Vuex.Store({ state: { count: 0 } }) 组件访问 State 中数据的第一种方式:this.$store.state.全局数据名称组件访问 State 中数据的第二种方式:// 1. 从 vuex 中按需导入 mapState 函数import { mapS
2020-10-25 16:00:12 236
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人