![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Richard Yates Boy
盡可嬉戲玩鬧棒球帽
展开
-
vue按需导入ant-design-vue
安装依赖npm i --save ant-design-vue接着在项目的main.js引入要让它生效要在babel.config.js引入"plugins": [ [ "import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": 'css' } ] ](注意在这步之前,先要保证项目了里面已经原创 2020-07-20 13:44:13 · 653 阅读 · 0 评论 -
在子组件中修改数据不去影响父组件数据(备忘)
app.vue<template> <div> <inputNumber :tabs="tabs" @itemChange="handleItemChange"> </inputNumber> <div class="tabs"> <p v-show="tabs[0].isActive">11</p> <p v-show="tabs[1].is原创 2020-06-18 15:31:21 · 486 阅读 · 0 评论 -
一个例子弄懂vue父子组件之间传值,用tabs为例子讲述
写一个简单的例子弄清楚vue父子组件之间如何动态传值取值,父传递子,子改变父的。要实现的结果如图,就像手机端的tab那样。首先父组件通过components引入子组件,如果要传入子组件的值是动态的.可以将该值双向绑定在调用的子组件上,子组件只需要做一件事,那就是通过props接收,如下:但因为不建议子组件直接修改 props的数据,所以把它作为 data的初始值。这时候只需要这样操作就行了...原创 2020-06-18 12:40:28 · 1642 阅读 · 1 评论 -
vue音乐网站
项目预览添加链接描述这个项目是自己根据一些视频慢慢敲出来的,因为视频太慢了(害,那就自己敲敲呗),写的是一个网页版音乐播放器,使用的接口是别人处理过的,我也不知道哪一天会不会崩溃,自己写完部署到自己的服务器中的。真的是卡上加卡。附上几张效果图(噢,学习地址添加链接描述项目地址可以看一下添加链接描述...原创 2020-06-17 20:09:44 · 2159 阅读 · 8 评论