Vue3项目的组件中，可以共同使用选择式和组合式Api
左侧为选项式，右侧为组合式
以下都是以选项式Api风格的写法
解析
创建一个对象App，通过Vue的应用实例Api中的createApp返回一个新的Vue应用实例，其中App可以理解为是一个JavaScript对象，里面包含了方法、属性等等。随后通过mount，将这个Vue实例挂载到页面指定元素上（如上是：'#Application' 中）好处
使用Vue相比于使用JavaScript操作Html元素，我们不需要获取指定的组件，不需要修改组件中的文本内容，只需要专注于数据逻辑。当数据本身修改时，绑定这些数据的元素也会同步修改，简称双向绑定
有趣知识记录
在网页开发当中，html、css、javascript分别起着文档结构、样式、逻辑处理
Vue相关
v-bind可以用 :代替，v-on可以用 @代替
使用v-if时，v-else需要紧跟v-if，否则不会识别v-if（v-else-if也一样）
v-if和v-show分别适合什么时候使用
当频繁切换时，需要使用v-show。 当切换不是很频繁时，可以使用v-if
v-for的使用
template标签中可使用的指令
v-if、v-for
输入框去除前后空格
当输入框首位有空格时，失去焦点时，会自动去掉前后空格符
更新列表数据
push() ：
向尾部添加一元素pop()：
从尾部开始删除shift()：
删除列表头部一个元素unshift()：
像列表头部添加一个元素splice():
截取
使用案例：sort() :
正向排序reverse() :
反向排序
html中以on开头的事件属性，在vue中使用需要将on替换成@
使用计算属性还是函数
当考虑的数据需要缓存的时候，可以使用计算属性。反之，使用函数
HTML标签使用
h1、h2等等
主标题时使用
p 标签
内容段落
form 标签
css样式
其他
js的监听点击
其中click为参数 type，可选择：www.w3school.com.cn/jsref/dom_o…
js监听输入框值变化
获取输入框内容常用:e.target.value
js改变文本内容
功能
限流
用户点击一个按钮，短时间内不可重复点击
封装限流函数
lodash库中限流函数使用
lodash中文地址: www.lodashjs.com/
