![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
'wx
这个作者很懒,什么都没留下…
展开
-
Vue插槽
1.默认插槽父组件中引用子组件标签(vc),并且在其中写其他内容<template> <div> <vc> <h1>Hello Slot</h1> </vc> </div></template>在子组件中通过slot进行接受,将组件中的内容放置在指定位置<template> <div&...原创 2022-03-06 22:47:23 · 292 阅读 · 0 评论 -
Vue中消息订阅和发布(pubsub)
消息的订阅与发布:组件订阅消息,等待组件发布消息(可带参数)后,执行订阅消息后面的回调函数,完成组件间通信安装并使用:首先通过npm安装对应库 npm i pubsub-js在App.vue中引入库import pubsub from 'pubsub-js'使用方法:// 消息发布 pubsub.publish('publishName,params) //订阅消息this.xxx = pub...原创 2022-03-06 22:21:15 · 408 阅读 · 0 评论 -
Vue中的事件总线
事件总线是为方便vue中组件之间的通信而出现的核心原理:VueComponent.prototype.__proto__ === Vue.prototype通俗来讲就是组件vc的实例对象可以访问到Vue原型对象上的方法,因此可以在vue原型对象上创建一个对象,这样所有的组件实例vc都能访问该对象从而实现组件间通信创建事件总线:new Vue({ render: h => h(App), beforeCreate(){ Vue.prototype.$bus = t原创 2022-03-06 22:07:20 · 811 阅读 · 0 评论 -
Vue中的ref
通过ref属性绑定标签,可以获取对应的标签DOM节点用法:<h1 ref='h1'>{{msg}}</h1>获取真实DOM节点(通过Vue对象上的$refs属性获取): console.log(this.$refs.h1);原创 2022-03-06 21:32:45 · 332 阅读 · 0 评论 -
Vue实例对象
const vm = new Vue({ // 绑定的容器 el: '#root', // 对象式 data: { name: 'wx', n: 1 }, // 函数式 // data(){ // return { // name:'wx' // } ...原创 2022-02-26 21:44:38 · 549 阅读 · 0 评论 -
Vue内置指令
v-bind 单项绑定 v-bind:value='xxx === :value='xxx<input type="text" v-bind:value="name" >v-model 双向绑定 通常用于收集value值 v-model:value='xxx ===v-model='xxx<input type="text" v-model:value="name">v-on 事件绑定 简写 @<button @click="fun">{{nam原创 2022-02-26 21:17:31 · 295 阅读 · 0 评论 -
mvvm模型
mvvm(Model-View-ViewModel) 即 模型-视图-视图模型,是MVC改进版,M: Vue中data里的数据V: 视图 ,html里的模板VM: Vue实例对象原创 2022-02-26 20:24:21 · 416 阅读 · 0 评论