随笔分类 -  vue

vue总结和使用技巧
摘要:1、概念 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 2、何时使用 多个组件需要共享数据时 3、搭建vuex环境 注意:vue2中,要用vuex的3版本,vue3中,要用vuex 阅读全文
posted @ 2023-06-06 10:58 webHYT 阅读(31) 评论(0) 推荐(0) 编辑
摘要:功能:可以说把各个组件共用的配置提取成一个混入对象 使用方式 第一步定义混合,并导出,例如: export defalut{ data(){...}, methods:{...}, ... } 第二部使用混合,例如: 1、引入对象 import xxx from "..." 2、使用混入 (1).全 阅读全文
posted @ 2023-06-05 14:08 webHYT 阅读(6) 评论(0) 推荐(0) 编辑
摘要:vue 插件功能:用于增强Vue 本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。 1、定义插件: 对象.install = function(Vue,options){ // 1、添加全局过滤器 Vue.filter(....) 阅读全文
posted @ 2023-06-05 11:47 webHYT 阅读(130) 评论(0) 推荐(0) 编辑
摘要:1、在项目中存放本地JSON文件 2、在需要的组件引入本地文件 import dataBaseMap from '../json/dataBaseMap.json'; 3、在data中接受数据 data() { return { // 浅拷贝 dataBaseMap: { ...dataBaseMa 阅读全文
posted @ 2023-06-02 15:24 webHYT 阅读(1052) 评论(0) 推荐(0) 编辑
摘要:vue事件的基本使用: 1、使用v-on:xxx或@xxx绑定事件,其中xxx是事件名 2、事件的回调需要配置咋methods对象中,最终会挂载在vue实例对象上 3、methods中配置的函数,不要用箭头函数,否则this就不会只想vue实例了 4、methods中配置的函数,都是被Vue所管理的 阅读全文
posted @ 2023-05-31 15:31 webHYT 阅读(62) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示