摘要: 简述 在使用Axios时,在本地开发通常会出现跨域问题,解决方法也很简单。 在开发环境下,可以通过配置Vue.config.js中的module.exports中devServer来解决。 注:生产环境无效,没见dev打头么,生产环境给axios配置baseURL,打包完给后端解决去 简单配置 直接 阅读全文
posted @ 2022-12-23 22:31 邢韬 阅读(3934) 评论(0) 推荐(0) 编辑
摘要: 语法 // 回调函数中 this 为当前组件 VueComponent this.$nextTick(回调函数) 作用 在下一次 DOM 更新结束后执行其指定的回调。 这样说其实有点难以理解,DOM更新结束后是什么时候?难道数据变了,DOM没变吗? 先上代码 <template> <div id=" 阅读全文
posted @ 2022-12-23 20:55 邢韬 阅读(95) 评论(0) 推荐(0) 编辑
摘要: 消息订阅与发布(pubsub) 一种组件间通信的方式,使用方法和全局事件总线$bus很相近,适用于任意组件间通信。 安装 // 安装 npm i pubsub-js // 引入 import pubsub from 'pubsub-js' 使用 在A组件中: pubsub参数上和$bus略有不同,回 阅读全文
posted @ 2022-12-23 16:06 邢韬 阅读(58) 评论(0) 推荐(0) 编辑
摘要: 组件的自定义事件 使用场景 A是父组件,B是子组件,B想给A传数据,那么就要在A中给B绑定自定义事件(事件的回调在A中) 绑定自定义事件 在父组件中: <HelloWorld @customEvent="test1"/> 或 <HelloWorld v-on:customEvent="test1"/ 阅读全文
posted @ 2022-12-23 11:01 邢韬 阅读(174) 评论(0) 推荐(0) 编辑
摘要: Props 功能 让组件接收外部传过来的数据 传递数据 <Demo name="xxx"/> 接收数据 1. 第一种方式(只接收): props:['name'] 2. 第二种方式(限制类型): props:{ name: String } 3. 第三种方式(限制类型、限制必要性、指定默认值): p 阅读全文
posted @ 2022-12-23 10:04 邢韬 阅读(33) 评论(0) 推荐(0) 编辑