VUE
bubbleSweet
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
“export ‘createStore‘ was not found in ‘vuex‘报错
"export ‘createStore’ was not found in 'vuex’报错 可能是因为版本的原因,将vuex升到4.0.0就能够解决 在升级时也可能会遇到下面这种问题 npm WARN vuex@4.0.0 requires a peer of vue@^3.0.2 but none is installed. You must install peer dependencies yourself. 这种情况按照要求改变vue的版本,再重新安装vuex为4.0.0就好了 npm ins原创 2021-06-17 17:16:47 · 2889 阅读 · 2 评论 -
VueTypeScript按钮组件封装的具体步骤
VueTypeScript按钮组件封装的具体步骤 参考课程在这:https://www.bilibili.com/video/BV1q7411i7jw?from=search&seid=115675997679082294 效果如下: 点击变小按钮 点击变大按钮并点击圆形 禁用 本文一步一步的对代码进行修改添加,并注释,最后呈现出完整代码,步骤如下: 1. 创建一个项目 2. 写一个Button.vue文件,实现按钮基础样式 3. 写一个Home.vue文件并引入注册组件 4. 通过组件传递原创 2021-01-25 20:44:28 · 801 阅读 · 0 评论 -
stylus之如何用混合方式写css样式来简化代码
stylus之如何用混合方式写css样式来简化代码 当有许多样式重复的代码时,难免会显得繁杂,例如下面这样,有很多重复的样式 <div class="normal"> <button class="large"></button> <button calss="xlarge"></button> </div> .nomal width 64px height 36px font-size 0.875rem pa原创 2021-01-22 21:04:23 · 577 阅读 · 0 评论 -
VUE组件---作用域插槽
VUE组件—作用域插槽 在DIV中使用了两次组件,展现的效果并不一样,就是利用了作用域插槽: 运行: 从这里可以看到,第一次调用模板使用的是列排序,第二次使用的是“-”来分割,与上面的代码一一对应,看代码容易理解很多 ...原创 2020-05-18 16:05:34 · 247 阅读 · 0 评论 -
VUE组件---具名插槽的使用
VUE组件—具名插槽的使用 这里在first、second、last名命的slot中写入第一、第二、第三,替代了默认插槽中的111、222、333 演示结果:原创 2020-05-18 14:10:30 · 532 阅读 · 0 评论 -
VUE组件 --- 插槽的基本使用
VUE组件 — 插槽的基本使用 在模板中定义插槽: 1、默认插槽 button 2、span 标签中写入别的内容,将没有 button 运行结果如下:原创 2020-05-14 21:44:03 · 298 阅读 · 0 评论 -
VUE指令:v-for遍历
标题VUE指令:v-for遍历 以上遍历的代码: <script> const app = new Vue({ el: '#app', data: { message: '5月份', movies: ['盗梦空间', '忠犬八公', '美丽人生', '误杀', '三傻大闹宝莱坞'] } }) </script> 这里的 item 可以自己定义,例如上面将 “i原创 2020-05-14 15:27:36 · 342 阅读 · 0 评论
分享