vue相关
砂糖小刀j
开始吧!
展开
-
Vuex
概念 Vuex是什么:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools VueX和全局对象的区别: 1.Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。 2.你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显原创 2021-05-10 17:03:35 · 71 阅读 · 0 评论 -
封装自己的axios
1.创建utils文件夹并新建request文件(js) //封装axios //引入axios和querystring以及route import axios from "axios"; import qs from "querystring"; import router from "../router/index"; //创建axios实例对象instance var instance = axios.create({ timeout: 5000 }); // instance.defaults.he原创 2021-04-12 22:10:50 · 111 阅读 · 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 · 70 阅读 · 0 评论 -
vue路由的配置
一级路由的配置 1.0 在入口文件main.js中引入并配置router模块 import Vue from "vue"; import App from "./App.vue"; import router from "./router";//引入router Vue.config.productionTip = false; new Vue({ router,//配置router render: (h) => h(App), }).$mount("#app"); 1.1 在view原创 2021-04-07 22:19:20 · 305 阅读 · 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 · 64 阅读 · 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 · 120 阅读 · 0 评论 -
用vue的双向绑定来实现全选和全不选
如题,在一个教程里学到的方法,感觉这思路很受用,记载下来,以下是源码(没写样式有点丑) <body> <div id="app"> <ul> //全选按钮框,与数据isALLChecked(该值为布尔)双向绑定,change事件为allChecked <input type="checkbox" v-model="isALLChecked" @change="allChecked">全选/全不选原创 2021-04-03 18:50:08 · 376 阅读 · 0 评论