![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue相关
砂糖小刀j
开始吧!
展开
-
Vuex
概念Vuex是什么:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtoolsVueX和全局对象的区别:1.Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。2.你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显原创 2021-05-10 17:03:35 · 63 阅读 · 0 评论 -
封装自己的axios
1.创建utils文件夹并新建request文件(js)//封装axios//引入axios和querystring以及routeimport axios from "axios";import qs from "querystring";import router from "../router/index";//创建axios实例对象instancevar instance = axios.create({ timeout: 5000 });// instance.defaults.he原创 2021-04-12 22:10:50 · 102 阅读 · 0 评论 -
vue过渡和动画
过渡例子<template> <div> 动画组件 <button @click="isshow = !isshow">显示隐藏</button> <transition name="fade">//用transition标签包起来,加上name用来指定过渡 <p v-show="isshow">动画</p> </transition> </div&g原创 2021-04-10 21:12:07 · 62 阅读 · 0 评论 -
vue路由的配置
一级路由的配置1.0 在入口文件main.js中引入并配置router模块import Vue from "vue";import App from "./App.vue";import router from "./router";//引入routerVue.config.productionTip = false;new Vue({ router,//配置router render: (h) => h(App),}).$mount("#app");1.1 在view原创 2021-04-07 22:19:20 · 285 阅读 · 0 评论 -
vue自定义指令
<div id="app"> <div v-bgcolor="'blue'">red</div>//指令名前加v- </div> <script> Vue.directive("bgcolor",{//指令名 inserted(el,bind){//指令生命周期-创建 //el:当前标签的dom //bind:..原创 2021-04-04 22:36:27 · 56 阅读 · 0 评论 -
vue兄弟组件传递数据
vue兄弟组件传递数据的方式例子: <div id="app"> <zuozhe></zuozhe> <yonghu></yonghu> </div> <script> var bus=new Vue()//实例化一个vue,作为中央事件总线,利用它完成两个组件的交互 Vue.component("zuozhe",{原创 2021-04-04 15:45:01 · 106 阅读 · 0 评论 -
用vue的双向绑定来实现全选和全不选
如题,在一个教程里学到的方法,感觉这思路很受用,记载下来,以下是源码(没写样式有点丑)<body> <div id="app"> <ul> //全选按钮框,与数据isALLChecked(该值为布尔)双向绑定,change事件为allChecked <input type="checkbox" v-model="isALLChecked" @change="allChecked">全选/全不选原创 2021-04-03 18:50:08 · 366 阅读 · 0 评论