《Vue.js前端开发技术与实践第二版）》_第6章 工程化的Vue项目.pptxVIP

前端工程化工作流

包与模块的关系

组件与项目目录结构

HeaderfooterasidecontentHTMLCSSJSHTMLCSSJSHTMLCSSJSHTMLCSSJS

它带有前缀v-，主要职责是当其表达式的值改变时，相应地将某些行为应用在DOM上。!DOCTYPEhtmlhtmllang=enhead??titleDocument/title??style

??/style/headbody??/body??script??????/script/html

scriptsetup??/script

template?div???/div/template

style?/styleVue单文件组件

包出口模块模块模块模块模块

App.vue

import{createApp}fromvuecreateApp(importAppfrom./App.vue)App.mount()#app

globals:{defineProps:readonly,defineEmits:readonly,defineExpose:readonly,withDefaults:readonly,},那么整个script就直接会变成setup函数，所有顶级变量、函数，均会自动暴露给模板使用（无需再一个个return了）。在script-setup模式下，新增了4个全局编译器宏，他们无需import就可以直接使用。