Vue2 笔记 - 随笔分类 - Mikasa-Ackerman

vue elementui中使表的滚动条滚到顶部或底部

摘要：1.设置table的ref为tableList 2.设置滚动至顶部 this.$refs.tableList.bodyWrapper.scrollTop =0; 3.设置滚动至底部 this.$refs.tableList.bodyWrapper.scrollTop =this.$refs.tabl 阅读全文

posted @ 2023-03-30 23:40 Mikasa-Ackerman 阅读(864) 评论(0) 推荐(0) 编辑

Axios 中 qs的使用

摘要：1.qs的安装 npm install qs 2.为什么要使用qs 数据使用axios发送请求发现后端接收不到参数,需要把参数序列化数据在请求体中，后端不方便拿Vue中提供了qs这个插件，可以进行数据序列化参考文章： (18条消息) axios 中 qs 的使用_qs是axios_野蛮生长001 阅读全文

posted @ 2023-03-29 00:50 Mikasa-Ackerman 阅读(572) 评论(0) 推荐(0) 编辑

vue2 - mockjs的使用

摘要：mockjs官网：http://mockjs.com/ 1.安装mockjs npm install mockjs 2.创建mock文件夹并且创建index.js //引入mockjs import Mock from "mockjs" //引入数据 import BlogMockData from 阅读全文

posted @ 2023-03-24 23:48 Mikasa-Ackerman 阅读(258) 评论(0) 推荐(0) 编辑

vue2 - axios 的使用

摘要：Axios 官网：http://axios-js.com/zh-cn/docs/ Axios的二次封装：(15条消息) vue中axios的二次封装——vue 封装axios详细步骤_vueaxios封装_小白探索世界欧耶！~的博客-CSDN博客阅读全文

posted @ 2023-03-21 23:53 Mikasa-Ackerman 阅读(8) 评论(0) 推荐(0) 编辑

vue2 - 好用的markdown开源编辑器

摘要：mavonEditor：https://github.com/hinesboy/mavonEditor VueQuillEditor：https://www.kancloud.cn/liuwave/quill/1434140 //main.js 使用markdown插件 import VueQuil 阅读全文

posted @ 2023-03-20 18:56 Mikasa-Ackerman 阅读(396) 评论(0) 推荐(0) 编辑

vue2 - 阿里字体图标库的使用

摘要：1.阿里字体图标库官网 https://www.iconfont.cn/ 2.csdn 如何使用教程：https://blog.csdn.net/Jie_1997/article/details/107294224 阅读全文

posted @ 2023-03-16 14:49 Mikasa-Ackerman 阅读(79) 评论(0) 推荐(0) 编辑

vue2 - router的两种模式 history模式与hash模式，设置模式

摘要：history模式：url带#号，兼容性好 hash模式：url不带#号，需后端配合模式的设置：默认为history模式 export default new VueRouter({ mode: "hash", routes: [ ] }) 阅读全文

posted @ 2023-02-18 16:03 Mikasa-Ackerman 阅读(366) 评论(0) 推荐(0) 编辑

vue2 - router-link 的replace属性与push属性，编程式路由导航，路由的缓存

摘要：1.router-link 的replace属性与push属性 //替换游览器历史记录游览器没有记录 <router-link replace ...></router-link> //追加游览器历史记录游览器有记录 <router-link push ...></router-link> 2. 阅读全文

posted @ 2023-02-18 15:49 Mikasa-Ackerman 阅读(73) 评论(0) 推荐(0) 编辑

vue2 - router子路由，query方式传递参数，params方式传递参数，路由中的props

摘要：1.router 子路由 export default new VueRouter({ routes: [ { path: "/home", component: AppHome, name: "AppHome", children: [ //子路由 /home/show1 { path: "sho 阅读全文

posted @ 2023-02-18 15:29 Mikasa-Ackerman 阅读(207) 评论(0) 推荐(0) 编辑

vue2 - router 的基本使用，安装router，配置router，router 标签

摘要：1.安装router npm install vue-router 2.定义router路由导航 src/router/index.js import Vue from "vue"; import VueRouter from "vue-router"; //引入组件 import AppHome 阅读全文

posted @ 2023-02-18 14:48 Mikasa-Ackerman 阅读(141) 评论(0) 推荐(0) 编辑

vue2 - vuex优化，vuex模块化模块化操作数据

摘要：1.vuex优化 mapActions 在methods添加了 setter方法 mapMutations 在methods添加了 setter方法 mapGetters 在computed添加了 getter方法 mapState 在computed添加了 getter方法 import {map 阅读全文

posted @ 2023-02-18 13:58 Mikasa-Ackerman 阅读(97) 评论(0) 推荐(0) 编辑

vue2 - vuex 状态管理工具

摘要：1.什么是vuex 状态管理工具 vuex是适用于在Vue项目开发时使用的状态管理工具。试想一下，如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值，一旦项目变得很庞大，管理和维护这些值将是相当棘手的工作。为此，Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在阅读全文

posted @ 2023-02-18 12:43 Mikasa-Ackerman 阅读(67) 评论(0) 推荐(0) 编辑

vue2 - 插槽solt，默认插槽，具体名插槽，作用域插槽

摘要：1.默认插槽作用：会把父组件human中的内容全部解析到子组件中的slot中父组件： <template> <div id="App">  <human>  <h2>USER</h2> <h2>NAME</h2> </human> </div 阅读全文

posted @ 2023-02-18 12:31 Mikasa-Ackerman 阅读(139) 评论(0) 推荐(0) 编辑

vue2 - 过渡与动画什么时候生效，设置动画，设置过渡，第三方动画库

摘要：1.过渡与动画什么时候生效在插入，更新，移除DOM元素时，在合适的时候给元素添加样式类名 2.动画 1.定义 transition name appear 2.定义 xxx-enter-active，xxx-leave-active <template> <div id="app"> <butto 阅读全文

posted @ 2023-02-17 15:55 Mikasa-Ackerman 阅读(58) 评论(0) 推荐(0) 编辑

vue2 - $nextTick 在下一次DOM更新结束后指定其回调

摘要：Vue 实现响应式并不是数据发⽣变化之后 DOM ⽴即变化，⽽是按⼀定的策略进⾏ DOM 的更新。 $nextTick 是在下次 DOM 更新循环结束之后执⾏延迟回调，在修改数据之后使⽤ $nextTick，则可以在回调中获取更新后的 DOM，在下次 DOM 更新循环结束之后执行延迟回调。简单的理阅读全文

posted @ 2023-02-17 14:43 Mikasa-Ackerman 阅读(117) 评论(0) 推荐(0) 编辑

vue2 - pubsub 消息订阅与发布

摘要：pubsub，即订阅发布，在vue中常常被用于任意组件间的传值 1.安装pubsub npm install pubsub-js 2.在需要进行传值的位置引入pubsub import Pubsub from 'pubsub-js' 3.消息订阅与发布 //消息订阅第一个参数消息订阅名称，第二个参阅读全文

posted @ 2023-02-17 13:53 Mikasa-Ackerman 阅读(103) 评论(0) 推荐(0) 编辑

vue2 - 组件中的通信，props，全局事件总线

摘要：props属性：作用是让父组件可以给子组件传递data中的数据注意子组件不能修改props中的数据，只能访问父组件 <template> <div id="App">  <human :name="name" :bodyObj="bodyObj"></human> 阅读全文

posted @ 2023-02-17 13:34 Mikasa-Ackerman 阅读(102) 评论(0) 推荐(0) 编辑

vue2 - 自定义插件使用插件，scoped

摘要：1.自定义插件 myPlugin.js export default { install(Vue) { console.log("Vue.use() 会调用此方法",Vue) } } 2.使用插件 import Vue from 'vue' import App from './App.vue' / 阅读全文

posted @ 2023-02-17 13:29 Mikasa-Ackerman 阅读(111) 评论(0) 推荐(0) 编辑

vue2 - 生命周期钩子，ref属性，mixins属性局部使用与全局使用

摘要：1.生命周期钩子 <script> new Vue({ beforeCreate() { console.log('beforeCreate') }, created() { console.log('created') }, beforeMount() { console.log('beforeM 阅读全文

posted @ 2023-02-17 12:57 Mikasa-Ackerman 阅读(193) 评论(0) 推荐(0) 编辑

vue2 - 局部过滤器全局过滤器，自定义局部指令自定义全局指令

摘要：1.过滤器局部过滤器  <div>{{"levi" | filterTest1}}</div>  <input type="text" v-bind:value="'levi' | filterTest2('ackerma 阅读全文

posted @ 2023-02-17 12:38 Mikasa-Ackerman 阅读(160) 评论(0) 推荐(0) 编辑

ErenYeager

随笔分类 - Vue2 笔记