摘要：
前言 前端在向后端请求资源时通常会遇到跨域问题，当我们是用vue脚手架构建项目时，可以通过配置代理解决跨域问题 参考文档：devServer.proxy 方法一： 在vue.config.js中添加如下配置： module.exports = { devServer: { proxy: 'http: 阅读全文
posted @ 2023-06-09 10:46
webHYT
阅读(55)
评论(0)
推荐(0)
摘要：
1、作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间的通信方式，适用于父组件==》子组件 2、分类：默认插槽、具名插槽、作用域插槽 3、使用方式： （1）、默认插槽 父组件中： <Category> <div>html结构 </div> </Category> 子组件中： <tem 阅读全文
posted @ 2023-06-08 17:50
webHYT
阅读(22)
评论(0)
推荐(0)
摘要：
关于VueComponent： 1、组件本质是一个名为VueComponent的构造函数，并且不是程序员定义的，是Vue.extend生成的 2、我们只需要写组件引入<Demo />,Vue解析时会帮我们创建demo组件的实例对象，即Vue帮我执行的： new VueComponent(option 阅读全文
posted @ 2023-06-08 17:33
webHYT
阅读(62)
评论(0)
推荐(0)
摘要：
1、一种组件间通信的方式，适用于任意组件间通信，适用于任意前端框架 2、使用步骤： （1）、安装pubsub：npm i pubsub-js （2）、引入：import pubsub from ‘pubsub-js’ （3）、接收数据：A组件想要接收数据，则在A组中订阅消息，订阅的回调留在A组件自身 阅读全文
posted @ 2023-06-08 17:23
webHYT
阅读(93)
评论(0)
推荐(0)
摘要：
Vue全局事件总线1、一种组件间通信的方式，适用于任意组件间通信。 2、安装全局事件总线 // main.js 中 安装全局事件总线 new Vue({ render: h => h(App), beforeCreate() { Vue.prototype.$bus = this // 安装全局事件 阅读全文
posted @ 2023-06-08 17:15
webHYT
阅读(92)
评论(0)
推荐(0)
摘要：
前言 实际业务中经常需要使用到本地存储，本文的webStorage指的是localStorage和sessionStorage 阅读全文
posted @ 2023-06-08 17:03
webHYT
阅读(26)
评论(0)
推荐(0)
摘要：
组件的自定义事件： 1、一种组件间的通信方式，适用于：子组件 》父组件 2、使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件回调在A中） 3、绑定自电影事件： （1）、第一种方式：在父组件中：<MyTest @myHandle="test" /> 或 <MyT 阅读全文
posted @ 2023-06-08 16:57
webHYT
阅读(28)
评论(0)
推荐(0)
摘要：
一、定义语法 （1）、局部指令： .... methods: {}, directives: { // 局部指令写法一 big(el, binding) { // el 被绑定的元素 // binding 被绑定的对象值 console.log(el, binding) }, // 局部指令写法二 阅读全文
posted @ 2023-06-08 16:40
webHYT
阅读(96)
评论(0)
推荐(0)
摘要：
前言vue 封装组件是一个很常规的操作。一个封装好的组件可以在项目的任意地方使用，甚至我们可以直接从npm仓库下载别人封装好的组件使用，入element-ui这一类的组件库。 1、环境准备 因为我们此次封装的是Vue组件，所以我们直接在Vue脚手架项目里面进行封装即可。 （1）、初始化项目 vue 阅读全文
posted @ 2023-06-07 17:40
webHYT
阅读(1785)
评论(0)
推荐(0)
摘要：
前言 Test组件时本地打包的一个组件库，放在npm上。在该组件中使用img对象引入了一张图片。在本地项目中使用npm 后使用Test组件，发现图片的路径前面多了一个js/的目录路径，图片不能正常展示。 这是组件库开发中很常见的一个问题：如果你的组件库里面引入了图片，有以下几种解决方案：（不知是否还 阅读全文
posted @ 2023-06-07 16:45
webHYT
阅读(787)
评论(0)
推荐(0)
浙公网安备 33010602011771号