19.Vue 消息订阅与发布组件Pubsub

  • Post author:
  • Post category:vue

我们前面讲了父子组件之间通过prop来实现消息传递;但是再其他情况,比如兄弟组件,爷孙组件消息传递时候,就要用到高级的消息订阅与发布; 首先我们安装下消息订阅与发布pubsub组件; 命令:npm install --save pubsub-js 然后我们来改造下前面的案例; 修改App.vue: <template> <!--声明标签--> <Menu :menus…

继续阅读 19.Vue 消息订阅与发布组件Pubsub

antd vue时间选择器(年选择器)

  • Post author:
  • Post category:vue

antd vue时间选择器(年选择器) 最近项目中用到了antd vue,项目中的版本是1.5.2版本,在做日期选择器时发现只有日,周,月份选择器,独独缺少年份选择器,如果你的项目也是怕升级对整体影响太多,不妨试试下面这种方式来达到年份选择效果。 HTML: <div> <a-date-picker format="YYYY" mode="year" :value="year" …

继续阅读 antd vue时间选择器(年选择器)

Vue3:Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘xxx‘)

  • Post author:
  • Post category:vue

在页面中渲染异步获取的数据,页面正常渲染的同时报错Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'xxx') <!-- let askData = ref() askData.value = '异步获取数据' 在页面中渲染获取的数据askData --> <dl clas…

继续阅读 Vue3:Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘xxx‘)

首次实战Vue高仿移动端QQ音乐项目解析

  • Post author:
  • Post category:vue

博主是第一次写博客,欢迎前来指正! 项目预览地址: http://dv20912014.iok.la ( 这里重点强调一下,项目是使用花生壳内网穿透映射出去的,为什么要这样做下面我会做详细的解释,由于用的是花生壳,首次加载需要20秒时间,请不要再微信上打开“微信有限制”,最好把地址复制到浏览器打开 ) 码云源码地址: https://gitee.com/citn/template-develope…

继续阅读 首次实战Vue高仿移动端QQ音乐项目解析

vue由浅入深的50个知识点

  • Post author:
  • Post category:vue

荣耀黄金 1. Vue的优点?Vue的缺点? 优点:渐进式,组件化,轻量级,虚拟dom,响应式,单页面路由,数据与视图分开 缺点:单页面不利于seo,不支持IE8以下,首屏加载时间长 2. 为什么说Vue是一个渐进式框架? 渐进式:通俗点讲就是,你想用啥你就用啥,咱也不强求你。你想用component就用,不用也行,你想用vuex就用,不用也可以 3. Vue跟React的异同点? 相同点: 1.…

继续阅读 vue由浅入深的50个知识点

vue路由守卫和路由传参详解

  • Post author:
  • Post category:vue

完整导航解析流程 导航被触发。 在失活的组件里调用 beforeRouteLeave 守卫。 调用全局的 beforeEach 守卫。 在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)。 在路由配置里调用 beforeEnter 。 解析异步路由组件。 在被激活的组件里调用 beforeRouteEnter 。 调用全局的 beforeResolve 守卫 (2.5+)。…

继续阅读 vue路由守卫和路由传参详解

Vue中所有的v-指令

  • Post author:
  • Post category:vue

目录 1. v-text = 'message' 2. v-html = 'message' 3. v-if & v-else-if & v-else 4. v-show 5. v-for 6. v-on 7. v-model 8. v-bind 9. v-cloak 10. v-pre 11. v-once 1. v-text = ‘message’ 主要作用是设置标签内的文本为…

继续阅读 Vue中所有的v-指令

[vue+typescript]Property or method “xxx” is not defined on the instance but referenced during render

  • Post author:
  • Post category:vue

vue-cli3 创建 TypeScript 项目时,在使用 @Prop时 报错: Property or method "xxx" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or …

继续阅读 [vue+typescript]Property or method “xxx” is not defined on the instance but referenced during render

vs code中如何Vue的代码设置高亮

  • Post author:
  • Post category:vue

找到左侧导航栏最下面的扩展功能,输入Vetur下载 版权声明:本文为qq_32973061原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。原文链接:https://blog.csdn.net/qq_32973061/article/details/82773849

继续阅读 vs code中如何Vue的代码设置高亮

VUE简单的定时器实时刷新

  • Post author:
  • Post category:vue

说明:我只是一个刚入门的小前端,你们可以指导我,但千万不要喷我,虽然我知道我很垃圾!人吗,都是要成长的!大佬,请多多指教!!! 我前段时间刚刚写了一个类似余股票的项目,上边的K线图是要实时去刷新的,所以要用vue做一个心跳,当然大家也可以选择用websocket,大佬们感觉肯定很简单,但是我只是一个刚入门的小前端,特此记录一下。 思路 其实思路很简单,首先要了解vue的生命周期和vue的内置函数,…

继续阅读 VUE简单的定时器实时刷新