1.export default

export default 是 ES6 模块语法，用于导出模块的默认成员。在 Vue.js 中，通常用来导出一个组件对象，使其可以在其他文件中被导入并使用。

2.props

props 是组件接收外部数据的方式。父组件可以通过向子组件传递 props 来传递数据。props 定义了组件可接收的属性及其类型、默认值等。

3.name:'APP'

name: "App" 定义了组件的名称为 App。这个名称主要用于：

1. 调试：在 Vue 开发工具中看到清晰的组件树。
2. 递归调用：允许组件在其模板中调用自己。
3. 错误报告：在控制台中看到更友好的错误提示。

<template><div id="app"><HelloWorld msg="Welcome to Your Vue.js App"/></div>
</template><script>
// 导入子组件
import HelloWorld from './components/HelloWorld.vue'export default {name: 'App', // 定义组件名称components: {HelloWorld // 注册子组件}
}
</script>

4.绑定的元素/参数隐式具有“any”类型

由于用的是typescipt 类型很重要
方法一：定义接口


方法二：直接类型注释

5.reverse和sort会改变原数组