上一页 1 2 3 4 5 6 7 8 ··· 17 下一页
摘要: $attrs 用来保存给子组件绑定了,但子组件没有接收的数据,如下: // 父组件...<School v-bind="{a, b, c}"></School>... // 子组件 School...props: ['a', 'b']... 打印子组件的 $attrs,如下所示: 通常,此属性可以用 阅读全文
posted @ 2022-12-26 00:28 邢韬 阅读(294) 评论(0) 推荐(0) 编辑
摘要: 删除数组指定索引的元素可以采用 delete,Array.splice 和 vue.$delete 三种方法 如下所示: let a = [1,2,3,4,5] let b = [1,2,3,4,5] let c = [1,2,3,4,5] delete a[2] b.splice(2, 1) th 阅读全文
posted @ 2022-12-26 00:10 邢韬 阅读(981) 评论(0) 推荐(0) 编辑
摘要: 参考官方文档:Axios 中文文档 Axios 和 Fetch 类似,都是基于 Promise ,用来发送网络求请求的 不同的是,Axios 是基于 Ajax 封装的,而 Fetch 是 ES6 中的原生API(这也是Fetch目前来看唯一优于 Axios 的地方,方便测试) Fetch 请移步 F 阅读全文
posted @ 2022-12-25 19:37 邢韬 阅读(63) 评论(0) 推荐(0) 编辑
摘要: vue 通过 provide/inject 钩子可以实现父子组件间通信,父 => 子 父组件通过 provide 向下层组件(子组件、子子组件等等都可以用)提供数据,下层组件使用 inject 注入到当前组件中。 注意: 1.对于基本数据类型,传递的数据不会携带响应式。(可采用函数返回值的方式,使传 阅读全文
posted @ 2022-12-24 23:12 邢韬 阅读(68) 评论(0) 推荐(0) 编辑
摘要: 安装及引入 // 安装 npm i vue-router // 引入 main.js ... import VueRouter from "vue-router" import router from './router'... Vue.use(VueRouter) ... new Vue({ ro 阅读全文
posted @ 2022-12-24 19:09 邢韬 阅读(70) 评论(0) 推荐(0) 编辑
摘要: 简介​ 在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。 搭建环境 创建主文件,通常为 src/store/index.js。 // src/store/index.js // 引入V 阅读全文
posted @ 2022-12-24 00:01 邢韬 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 简述 在使用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) 编辑
上一页 1 2 3 4 5 6 7 8 ··· 17 下一页