vue3 - 150

vue优势

功能全面生态好，语法简洁效率高，免去 DOM 操作苦，开发重任一肩挑！

使用方式

1.通过cdn引入来将 Vue 应用到整个页面

2.或通过官方脚手架 create-vue来创建完整的vue应用

编写vue代码

单文件组件 - template，script，style，

指令

可替代dom操作
v-text：为标签设置纯文本内容，

v-html：可以生成标签结构

v-if：可以根据数据判断是否要渲染这个元素

v-for：渲染列表数据

v-on：设置事件

响应式数据

设置视图(组件的数据)动态更新，可以使用vue中提供的方法，将数据设置为响应式，

对于对象值可以使用reactive

对于不可变的原始值可以使用ref将其包裹为响应式数据

当这些响应式数据发生变化时，它会自动传递到模板的对应位置，组件将自动重新渲染，

其他

使用computed计算属性缓存数据

使用侦听器在数据变化时执行指定操作

可以使用官方路由管理工具 Vue Router 和状态管理工具 Pinia 进行路由和状态管理