
vue2部分
vue
秋水不爱星河
这个作者很懒,什么都没留下…
展开
-
vue-router路由简单使用
router-view(根据路由的配置,自动选择组件渲染这个地方,当路由切换的时候,当前组件销毁)例如:在index.js当中创建一个路由器($router)// 于创建整个应用的路由器import VueRouter from 'vue-router'// 引入组件import About from '../components/About'import Home from '../components/Home'// 创建并暴露一个路由器export default new原创 2022-02-20 22:27:38 · 274 阅读 · 0 评论 -
全局事件总线
全局事件总线(任意组件间通信)全局事件总线,第一种是new VC const VC = Vue.extend({}) const a = new VC() Vue .prototype.XXX = a第二种是在创建 vm 的时候 Vue.prototype.XXX = this (this就是本身vm)beforeCreate(){ Vue.prototype.XXX = this }this.demo 也可以换成其他 但是必须写成箭头函数的形式注册全局事件总线在..原创 2022-02-28 20:23:18 · 432 阅读 · 0 评论 -
消息订阅与发布
消息订阅与发布需要第三方库 pubsub-js订阅在mounted,发布在methods格式差不多,原创 2022-02-28 20:21:34 · 63 阅读 · 0 评论 -
Vue组件间通信方式之组件的自定义事件
这是我看完硅谷Vue2的个人总结,希望能帮助到大家组件的自定义事件(绑定)v-on:名称="" 表示为该组件的实例对象绑定了一个自定义事件 想要触发该事件,那就需要去找到实例对象需要在孩子的methods当中,这样就能拿到Student组件的实例对象,然后使用钩子 mountedthis.$refs.student.$on()this.$refs.student.$once() 绑定一次mounted 谁有 就是谁挂载完自...原创 2022-02-28 20:15:33 · 318 阅读 · 0 评论 -
Vue Props详解
props常见写法为数组,props: ['title', 'likes', 'isPublished', 'commentIds', 'author']但是也可以写为对象,通常写为对象的目的是为这些名称和值指定数据类型props:{title: String,likes: Number,isPublished: Boolean,commentIDs: Array,author: Object,callback: Function,contactsPromise: Pr原创 2022-02-20 22:12:12 · 804 阅读 · 0 评论 -
Vue插槽
插槽1.默认插槽父写东西,然后子在合适的位置写入 slot 标签 以将父当中的数据放到这个 默认插槽 当中还可以设置默认值具名插槽使用name属性 ,vue就会将相同的name放在对应的插槽当中如果使用div 那么就只能使用 slot="name"但是如果使用 template name写法就有两种了 slot="name" v-slot:name...原创 2022-02-28 20:36:00 · 250 阅读 · 0 评论