学习Vue基础总结（1）

1.安装VueCli脚手架:
       (1)在文件内打开Powershell窗口
       (2)输入npm init vue@latest 创建Vue项目
       (3)输入npm install 安装依赖包
       (4)输入npm run dev启动项目
       (5)在浏览器中输入地址打开项目
2.如何引入Vue2/3:
       引入Vue2:<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
       引入Vue3:<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
3.Vue的创建应用方式:
        (1)使用createApp函数创建应用
             createApp函数接受一个根组件对象作为参数，该对象里面定义了组件的模板、数据、方法等
        (2)模板语法:
             插值表达式：{{ }}用于在模板中绑定JavaScript表达式。这些表达式可以访问组件的data函数返回的对象中的属性。
        (3)数据绑定:
             通过data函数返回的对象来定义组件的数据。这些数据可以在模板中通过插值表达式{{}}访问。
        (4)组件挂载：
             使用.mount('#app')将Vue应用挂载到DOM中的特定元素上。它被挂载到id为app的元素上
4.强制数据绑定:
       createApp函数创建应用修改表单值
5.绑定事件监听:
       1.使用v-on指令绑定事件监听
       2.使用@click="handleClick"绑定事件监听并阻止默认事件和冒泡
       3. @keyup.enter：用于监听键盘上的“Enter”键（回车键）的按键抬起（keyup）事件