
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 · 2807 阅读 · 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 · 735 阅读 · 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 · 483 阅读 · 0 评论 -
VUE组件---作用域插槽
VUE组件—作用域插槽在DIV中使用了两次组件,展现的效果并不一样,就是利用了作用域插槽:运行:从这里可以看到,第一次调用模板使用的是列排序,第二次使用的是“-”来分割,与上面的代码一一对应,看代码容易理解很多...原创 2020-05-18 16:05:34 · 196 阅读 · 0 评论 -
VUE组件---具名插槽的使用
VUE组件—具名插槽的使用这里在first、second、last名命的slot中写入第一、第二、第三,替代了默认插槽中的111、222、333演示结果:原创 2020-05-18 14:10:30 · 472 阅读 · 0 评论 -
VUE组件 --- 插槽的基本使用
VUE组件 — 插槽的基本使用在模板中定义插槽:1、默认插槽 button2、span 标签中写入别的内容,将没有 button运行结果如下:原创 2020-05-14 21:44:03 · 251 阅读 · 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 · 276 阅读 · 0 评论