邢韬 - 博客园

2022年12月23日

摘要：语法 // 回调函数中 this 为当前组件 VueComponent this.$nextTick(回调函数) 作用在下一次 DOM 更新结束后执行其指定的回调。这样说其实有点难以理解，DOM更新结束后是什么时候？难道数据变了，DOM没变吗？先上代码 <template> <div id=" 阅读全文

posted @ 2022-12-23 20:55 邢韬阅读(109) 评论(0) 推荐(0)

消息订阅和发布

摘要：消息订阅与发布（pubsub）一种组件间通信的方式，使用方法和全局事件总线$bus很相近，适用于任意组件间通信。安装 // 安装 npm i pubsub-js // 引入 import pubsub from 'pubsub-js' 使用在A组件中： pubsub参数上和$bus略有不同，回阅读全文

posted @ 2022-12-23 16:06 邢韬阅读(72) 评论(0) 推荐(0)

Vue 自定义事件和全局事件总线

摘要：组件的自定义事件使用场景 A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中）绑定自定义事件在父组件中： <HelloWorld @customEvent="test1"/> 或 <HelloWorld v-on:customEvent="test1"/ 阅读全文

posted @ 2022-12-23 11:01 邢韬阅读(206) 评论(0) 推荐(0)

组件间通信-props

摘要： Props 功能让组件接收外部传过来的数据传递数据 <Demo name="xxx"/> 接收数据 1. 第一种方式（只接收）： props:['name'] 2. 第二种方式（限制类型）： props:{ name: String } 3. 第三种方式（限制类型、限制必要性、指定默认值）： p 阅读全文

posted @ 2022-12-23 10:04 邢韬阅读(70) 评论(0) 推荐(0)

2022年12月22日

Vue中plugins

摘要：插件可用于扩展Vue，自定义插件应包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。定义插件: // plugin.jsexport default { install(Vue, x, y, z){ // 传入的第一个参数是Vue, 可以阅读全文

posted @ 2022-12-22 22:32 邢韬阅读(141) 评论(0) 推荐(0)

Vue中mixin混入

摘要： vue中的mixin可以实现组件中重复代码的高度复用，可以将不同组件中重复的组件选项（如，data、created、mounted、components、computed、watch等）都提取出来，形成一个mixin的js文件，在需要用到这些代码时，引入这个js文件即可。用法通过mixins属性阅读全文

posted @ 2022-12-22 22:06 邢韬阅读(138) 评论(0) 推荐(0)

Vue生命周期

摘要：概述 Vue生命周期函数主要包含8个部分，按顺序分别是： 1. beforeCreate（创建前）2. created （创建后）3. beforeMount (载入前)4. mounted （载入后）5. beforeUpdate （更新前）6. updated （更新后）7. beforeDes 阅读全文

posted @ 2022-12-22 21:09 邢韬阅读(382) 评论(0) 推荐(0)

自定义指令

摘要：除了Vue的内置指令为，vue还支持自定义指令简单的自定义指令如下所示：在directives中创建big方法，传入两个参数： 1 element: 绑定的Dom元素 2 binding: 绑定的对象，其value属性即为绑定变量的值 <div id="root"> <h1 v-big="n" 阅读全文

posted @ 2022-12-22 15:47 邢韬阅读(83) 评论(0) 推荐(0)

内置指令

摘要：常用 v-bind: 单向绑定,可简写为:xxx v-model: 双向绑定 v-for: 遍历数组/对象/字符串 v-on: 绑定事件监听,可简写为@ v-if: 条件渲染(动态节点是否存在) v-show: 条件渲染(动态节点是否展示) 其他 v-text: 渲染文本内容,不会解析标签不能拼接文阅读全文

posted @ 2022-12-22 12:15 邢韬阅读(21) 评论(0) 推荐(0)

2022年12月20日

两道this指针题

摘要：两点注意： 1.function做为返回值再调用时，属于在全局执行，所以this应指向全局 2.箭头函数没有this，故直接向外层找，且因为没有this，所以无法绑定this 第一题： var name = 'window' function Person (name) { this.name = 阅读全文

posted @ 2022-12-20 17:03 邢韬阅读(29) 评论(0) 推荐(0)

TT

公告