画家网站建设爱站网ip反查域名

1.1:什么是vue？

        Vue是一款用于构建用户界面的javascript框架；它基于标准HTML、CSS和Javascript构建，并提供了一套声明式、组件化的编程模型，帮助你高效的开发用户界面。

1.2：MVVM工作原理

        MVVM指的是model、view和viewmodel

                model:页面渲染用到的数据源

                view:页面所渲染的dom结构

                viewmodel:表示vue的实例

                当数据源发生变化时，会被vm监听到，vm会根据最新的数据源自动更新页面的结构

                当表单元素的值发生变化时，也会被vm监听到，vm把变化过后最新的值自动同步到model数据源中。

1.3:Vue的组件风格书写

        Vue的组件可以按两种不同的风格书写

        选项式API

        组合式API

1.3.1：选项式API

        使用选项式API，我们可以用包含多个选项的对象来描述组件的逻辑，例如data、methods和Mounted；

        选项所定义的属性都会暴露在函数内部的this上，它会指向当前组件实例。

1.3.2：组合式API

        通过组合式API，我们可以使用导入的API函数来描述与组件逻辑

        在单个组件中，组合式API通常会于<script setup>搭配使用

        这个setup属性是一个标识，告诉vue需要在编译时进行一些处理，让我们可以更简洁地使用组合式API

        <script setup>中的导入和顶层变量/函数都能够在模板中直接使用。