![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 68
Cnc_zj
这个作者很懒,什么都没留下…
展开
-
普歌-Vue 封装防刷新考试倒计时组
date.vue<!-- 定时器组件 --><template> <div class=""> <p>{{ count }}</p> </div></template><script>export default { components: {}, props: { // 父组件传过来的秒数 seconds: { type: Number,原创 2022-05-19 21:45:44 · 352 阅读 · 0 评论 -
普歌-组件通信
组件通信的方式如下:props / $emit父组件通过props向子组件传递数据,子组件通过$emit和父组件通信1. 父组件向子组件传值● props只能是父组件向子组件进行传值,props使得父子组件之间形成了一个单向下行绑定。子组件的数据会随着父组件不断更新。● props 可以显示定义一个或一个以上的数据,对于接收的数据,可以是各种数据类型,同样也可以传递一个函数。● props属性名规则:若在props中使用驼峰形式,模板中需要使用短横线的形式// 父组件<t原创 2022-04-27 18:10:41 · 97 阅读 · 0 评论 -
普歌-事件循环-发布npm-Stream
Node的架构分析浏览器中的EventLoop是根据HTML5定义的规范实现的,不同的浏览器可能会有不同的实现,而Node中是由libuv实现的来看一下Node架构图:我们会发现libuv中主要维护了一个EventLoop和worker threads(线程池)EventLoop负责调用系统的一些其他操作:文件的IO、Network、child-processes等libuv是一个多平台的专注于异步IO的库,它最初是为了Node开发的,但是现在也被使用到Luvit、Julia、pyuv原创 2022-04-24 21:59:50 · 1249 阅读 · 0 评论 -
普歌-vue项目优化
1.项目优化策略生成打包报告第三方库启用CDNElement-UI组件按需加载路由懒加载首页内容定制1.生成打包报告打包时,为了直观地发现项目中存在的问题,可以在打包时生成报告。生成报告的方式有两种:① 通过命令行参数的形式生成报告// 通过 vue-cli 的命令选项可以生成打包报告// --report 选项可以生成 report.html 以帮助分析包内容vue-cli-service build --report② 通过可视化的UI面板直接查看报告(推荐)在可原创 2021-05-05 17:04:31 · 80 阅读 · 0 评论