- 博客(8)
- 收藏
- 关注
RSS订阅原创 vue插槽slot
插槽就是子组件提供给父组件使用的一个占位符，用 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的标签。子组件<template> <div> <h1>今天天气状况：</h1> <slot></slot> </div></template><script> export default {
2021-06-02 09:57:32
191
原创 封装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
139
1
原创 vue计算属性与侦听器
执行顺序:beforeCreate ->inject -> Props -> Methods -> Data -> Computed-> Watch ->provide-> createdvue的computed选项主要用于同步对数据的处理,而watch选项主要用于事件的派发,可异步.这两者都能达到同样的效果,但是基于它们各自的特点,使用场景会有一些区分.computed拥有缓存属性,只有当依赖的数据发生变化时,关联的数据才会变化,适用于计算.
2021-02-02 10:09:13
227
原创 前端节流与防抖
1.理解防抖(debounce)search搜索联想，用户在不断输入值时，用防抖来节约请求资源。window触发resize的时候，不断的调整浏览器窗口大小会不断的触发这个事件，用防抖来让其只触发一次节流(throttle)鼠标不断点击触发，mousedown(单位时间内只触发一次)监听滚动事件，比如是否滑到底部自动加载更多，用throttle来判断...
2021-01-11 16:29:35
673
原创 vue mixin
1.理解可以定义共用的变量，在每个组件中使用，引入组件中之后，各个变量是相互独立的，值的修改在组件中不会相互影响。引入组件之后与组件中的对象和方法进行合并，相当于扩展了父组件的对象与方法，可以理解为形成了一个新的组件...
2021-01-11 14:58:07
122
原创 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
190
原创 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
375
原创 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
210
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人