随笔分类 - vue
vue2
摘要：报错内容 报错原因Vue只允许模板里存在一个根节点。 解决方案在 <template> 中添加一个 <div>标签，之后所有的组件全部加在 <div>即可解决。
阅读全文
摘要：prettier的官网 https://prettier.io/docs/en/index.html Prettier支持以下编程语言的代码美化 JavaScript (including experimental features) JSX Angular Vue Flow TypeScript
阅读全文
摘要：此插件用来格式化代码，使代码哪怕在开发的时候格式混乱，是吧，编译一下，就会变成统一格式。非常适合团队开发使用。 这个时候有些同学可能会有个疑问，我的开发工具，比如vscode，可以下载开发工具插件，如图。 开发工具中也可以装一些插件辅助你开发，但是这个，只能辅助你自己，如果你的同事没有装，或者装了跟
阅读全文
摘要：一、环境准备 1、检查node版本、检查npm版本，没有的话需要安装 nodeJs官网：http://kik.cn/ 二、搭建vue环境 1、全局安装脚手架vue-cli 这里注意：安装vue-cli对node.js的版本是有要求的 2种安装方式： 1|npm install -g @vue/cli
阅读全文
摘要：说起bus你会想到什么？公交车？总线？在Vue中，对于任意两个组件之间的传值，就可以使用事件总线—bus。 简单描述 在任意两个组件传值中，可以创建一个bus类负责事件派发、监听和回调管理。 使用方式 在Vue项目中，我a.vue需要给b.vue传值，使用bus传值的方式如下： 1）建立bus.js
阅读全文
摘要：bus详细描述： vue中非父子组件之间通信除了使用vuex，也可以通过bus总线，两者适用场景不同。 bus适合小项目、数据被更少组件使用的项目，对于中大型项目 数据在很多组件之间使用的情况 bus就不太适用了。bus其实就是一个发布订阅模式，利用vue的自定义事件机制，在触发的地方通过$emit
阅读全文
摘要：原文链接：https://www.jianshu.com/p/4ebe66194e9a
阅读全文
摘要：methods: { handleAdd (arr) { this.loading = true const allApi = [] arr.forEach((item, index) => { const data = { id: item.id, name: item.name } const
阅读全文
