VUE学习笔记

Posted I-Love-Wen0327

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了VUE学习笔记相关的知识，希望对你有一定的参考价值。

VUE学习笔记

1.函数体格式

简写格式：“ 方法名（） ”===>全写格式：“ 方法名：function() ”

2.定义对象格式

对象名：

3.全局事件总线相关的函数

注册全局事件总线：在main.js的VUE实例中创建事件总线

beforeCreate() 
		Vue.prototype.$bus = this
	,

1.$emit

1、this.$emit（\'自定义事件名\',要传送的数据）；
2、触发当前实例上的事件，要传递的数据会传给监听器；

2. $on

1、VM.$on(\'事件名\',callback) ---callback回调$emit要传送的数据；
2、监听当前实例上自定义事件；

4.数字及字符类型强转

1.parseInt函数可以将字符串强转为整数类型。

2.parseDouble函数可以将字符串强转为double类型。

3.parseFloat函数可以将字符串强转为浮点类型。

5.删除数组中元素的几种方式

1.delete只是被删除的元素变成了 empty/undefined 其他的元素的键值还是不变**。

2.splice**直接删除了数组 改变了数组的键值。

3.Vue.delete**直接删除了数组 改变了数组的键值。

Vue 开发实战学习笔记48篇（完结）

说明

【Vue 开发实战】学习笔记。

学习笔记代码仓库：https://github.com/kaimo313/vue-development-practice

目录

  1. 【Vue 开发实战】基础篇 # 1：第一个Vue程序
  2. 【Vue 开发实战】基础篇 # 2：组件基础及组件注册
  3. 【Vue 开发实战】基础篇 # 3：Vue组件的核心概念：事件
  4. 【Vue 开发实战】基础篇 # 4：Vue组件的核心概念：插槽
  5. 【Vue 开发实战】基础篇 # 5：理解单文件组件
  6. 【Vue 开发实战】基础篇 # 6：双向绑定和单向数据流不冲突
  7. 【Vue 开发实战】基础篇 # 7：理解虚拟DOM及key属性的作用
  8. 【Vue 开发实战】基础篇 # 8：如何触发组件的更新
  9. 【Vue 开发实战】基础篇 # 9：合理应用计算属性和侦听器
  10. 【Vue 开发实战】基础篇 # 10：生命周期的应用场景和函数式组件
  11. 【Vue 开发实战】基础篇 # 11：指令的本质是什么
  12. 【Vue 开发实战】基础篇 # 12：常用高级特性provide/inject
  13. 【Vue 开发实战】基础篇 # 13：如何优雅地获取跨层级组件实例（拒绝递归）
  14. 【Vue 开发实战】基础篇 # 14：template和JSX的对比以及它们的本质
  15. 【Vue 开发实战】生态篇 # 15：为什么需要Vuex
  16. 【Vue 开发实战】生态篇 # 16：如何在Vue中使用Vuex
  17. 【Vue 开发实战】生态篇 # 17：Vuex核心概念及底层原理
  18. 【Vue 开发实战】生态篇 # 18：Vuex最佳实践
  19. 【Vue 开发实战】生态篇 # 19：Vue Router的使用场景
  20. 【Vue 开发实战】生态篇 # 20：选择何种模式的路由及底层原理
  21. 【Vue 开发实战】生态篇 # 21：Nuxt解决了哪些问题？
  22. 【Vue 开发实战】生态篇 # 22：Nuxt核心原理是什么？
  23. 【Vue 开发实战】生态篇 # 23：组件库对比：Element UI、Ant Design Vue、iView
  24. 【Vue 开发实战】生态篇 # 24：提升开发效率和体验的常用工具：ESLint、Prettier、vue-devtools
  25. 【Vue 开发实战】生态篇 # 25：单元测试的重要性及其使用
  26. 【Vue 开发实战】实战篇 # 26：Ant Design Pro介绍
  27. 【Vue 开发实战】实战篇 # 27：使用Vue CLI 3快速创建项目
  28. 【Vue 开发实战】实战篇 # 28：如何自定义Webpack和Babel配置
  29. 【Vue 开发实战】实战篇 # 29：如何设计一个高扩展性的路由
  30. 【Vue 开发实战】实战篇 # 30：实现一个可动态改变的页面布局
  31. 【Vue 开发实战】实战篇 # 31：如何将菜单和路由结合
  32. 【Vue 开发实战】实战篇 # 32：如何使用路由管理用户权限
  33. 【Vue 开发实战】实战篇 # 33：更加精细化的权限设计（权限组件、权限指令）
  34. 【Vue 开发实战】实战篇 # 34：如何在组件中使用ECharts、Antv等其他第三方库
  35. 【Vue 开发实战】实战篇 # 35：如何高效地使用Mock数据进行开发
  36. 【Vue 开发实战】实战篇 # 36：如何与服务端进行交互（Axios）
  37. 【Vue 开发实战】实战篇 # 37：创建一个普通表单
  38. 【Vue 开发实战】实战篇 # 38：表单初始数据、自动校验、动态赋值
  39. 【Vue 开发实战】实战篇 # 39：创建一个分步表单
  40. 【Vue 开发实战】实战篇 # 40：自己封装一个支持自动校验的表单项
  41. 【Vue 开发实战】实战篇 # 41：如何管理系统中使用的图标
  42. 【Vue 开发实战】实战篇 # 42：如何定制主题及动态切换主题
  43. 【Vue 开发实战】实战篇 # 43：如何做好国际化
  44. 【Vue 开发实战】实战篇 # 44：如何高效地构建打包发布
  45. 【Vue 开发实战】实战篇 # 45：如何构建可交互的组件文档让代码高亮的显示在页面
  46. 【Vue 开发实战】实战篇 # 46：如何做好组件的单元测试
  47. 【Vue 开发实战】拓展篇 # 47：如何发布组件到npm以及nrm的介绍
  48. 【Vue 开发实战】拓展篇 # 48：结课测试和GitHub相关生态应用持续集成、单测覆盖率、文档发布、issue管理（完结）

以上是关于VUE学习笔记的主要内容，如果未能解决你的问题，请参考以下文章

Vue学习笔记目录

VUE学习笔记分享

VUE学习笔记

Vue学习笔记

vue学习笔记vue单组件

vue学习笔记vue单组件