webHYT

摘要： 组件的自定义事件： 1、一种组件间的通信方式，适用于：子组件 》父组件 2、使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件回调在A中） 3、绑定自电影事件： （1）、第一种方式：在父组件中：<MyTest @myHandle="test" /> 或 <MyT 阅读全文

摘要： 一、定义语法 （1）、局部指令： .... methods: {}, directives: { // 局部指令写法一 big(el, binding) { // el 被绑定的元素 // binding 被绑定的对象值 console.log(el, binding) }, // 局部指令写法二 阅读全文

摘要： 前言vue 封装组件是一个很常规的操作。一个封装好的组件可以在项目的任意地方使用，甚至我们可以直接从npm仓库下载别人封装好的组件使用，入element-ui这一类的组件库。 1、环境准备 因为我们此次封装的是Vue组件，所以我们直接在Vue脚手架项目里面进行封装即可。 （1）、初始化项目 vue 阅读全文

摘要： 前言 Test组件时本地打包的一个组件库，放在npm上。在该组件中使用img对象引入了一张图片。在本地项目中使用npm 后使用Test组件，发现图片的路径前面多了一个js/的目录路径，图片不能正常展示。 这是组件库开发中很常见的一个问题：如果你的组件库里面引入了图片，有以下几种解决方案：（不知是否还 阅读全文

摘要： 1、概念 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 2、何时使用 多个组件需要共享数据时 3、搭建vuex环境 注意：vue2中，要用vuex的3版本，vue3中，要用vuex 阅读全文

摘要： 功能：可以说把各个组件共用的配置提取成一个混入对象 使用方式 第一步定义混合，并导出，例如： export defalut{ data(){...}, methods:{...}, ... } 第二部使用混合，例如： 1、引入对象 import xxx from "..." 2、使用混入 (1).全 阅读全文

摘要： vue 插件功能：用于增强Vue 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。 1、定义插件： 对象.install = function(Vue,options){ // 1、添加全局过滤器 Vue.filter(....) 阅读全文

摘要： 1、在项目中存放本地JSON文件 2、在需要的组件引入本地文件 import dataBaseMap from '../json/dataBaseMap.json'; 3、在data中接受数据 data() { return { // 浅拷贝 dataBaseMap: { ...dataBaseMa 阅读全文

摘要： 前言图片在本地开发可以显示，但是打包部署后图片无法加载 修改webpack.config.js配置 将生成环境的publicPath的路径改为"./" 判断是开发环境还是生成环境 在package.json中通过 cross-env NODE_ENV=production 设置环境变量 通过 pro 阅读全文

摘要： 前沿： 有时候我们需要监听dom的变化，比如获取父元素的高度，动态的设置子元素的高度，所以需要监听 dom 的高度变化，才能准确获取dom的高度，那么有哪些监听dom高度变化的方法呢？今天简单列举一下。 1、MutationObserver 构造函数 Mutation Observer API 用来 阅读全文