单页面应用

（Single-page application）

1，控制整个页面

2，抓取更新数据

3，无需加载，进行页面切换

 单文件组件

Single-File 

Components

(也被称为*.vue文件)

使用导入的函数来描述逻辑

（可以大幅度的简化代码）

通常使用        <script setup>

作用-告知vue如何编译

参数为一个容器

app.mount(#app)

1，导入ref

2，定义ref

3，v-model绑定

绑定方发

import {ref} from vue

const message =ref('')←初始值

<input v-mode="message" />

组件实例创建过程

1，设定数据监听

2，编译模板

3，挂载实例到DOM

4，数据变更是改变DOM

。。。。。

名称格式

1，传递props

2，监听事件

3，通过插槽分配内容

      使用<slot>站为符号

4，动态组件

    通过componet元素的is sttribute来实现。

组件可以被重复多次使用

1，全局注册

缺点

  1，生产环境打包的情况下无法移除

2，大型项目中不宜维护

1，<script setup>

中无需注册

2，无<script setup>

import componenta form './componenta.js'

expoet default{

 components:{

 componenta 

},

}

优点，

依赖明确，打包自动移除