网站建设数据库是什么意思,memcached集群WordPress,如何在服务器建设iis网站,易售乐服装销售管理软件No名称略写作用应用场景其他1 单页面应用 #xff08;Single-page application#xff09; SPA 1#xff0c;控制整个页面 2#xff0c;抓取更新数据 3#xff0c;无需加载#xff0c;进行页面切换 丰富的交互#xff0c;复杂的业务逻辑的web前端一般要求后端提供api数据…No名称略写作用应用场景其他1 单页面应用 Single-page application SPA 1控制整个页面 2抓取更新数据 3无需加载进行页面切换 丰富的交互复杂的业务逻辑的web前端一般要求后端提供api数据接口2 单文件组件 Single-File Components (也被称为*.vue文件) SFC将jshtmlcss封装到一个文件中书写格式类似于htmlvue的标识性功能3选项式APIOptions API用多个vue选项的对象来描述逻辑如datamethodsmounted基于组合式API构建而成这些选项所定义的属性可以暴露在函数内部的this上这个this指向当前组件实例4组合式APIComposition API 使用导入的函数来描述逻辑 可以大幅度的简化代码 其中定义的变量和函数可以在template直接使用 通常使用 script setup 作用-告知vue如何编译 5根组件app.vue它是应用中所有组件的根组件每一个应用都会有一个根组件6挂载应用.mount 参数为一个容器 app.mount(#app) 应用实例在调用此方法后才被渲染返回值是一个根组件实例不是应用实例7计算属性computed相应的功能普通函数也可以实现但是函数在每次渲染都会被调用但计算属性不会只有在响应式依赖被改变时调用自动跟踪响应式依赖当对象改变时相应的计算依赖对象值都会改变8表单输入绑定 1导入ref 2定义ref 3v-model绑定 绑定方发 import {ref} from vue const message ref()←初始值 input v-modemessage / 9声明周期钩子函数 组件实例创建过程 1设定数据监听 2编译模板 3挂载实例到DOM 4数据变更是改变DOM 。。。。。 可以在特定阶段运行自己的逻辑代码10侦听器watch每次响应式状态发生变化时候触发回调函数。深度侦听容易产生性能问题11模板引用通过ref可以直接访问DOM元素12组件components 名称格式 1传递props 2监听事件 3通过插槽分配内容 使用slot站为符号 4动态组件 通过componet元素的is sttribute来实现。 组件可以被重复多次使用 13组件注册 1全局注册 缺点 1生产环境打包的情况下无法移除 2大型项目中不宜维护 2局部注册 1script setup 中无需注册 2无script setup import componenta form ./componenta.js expoet default{ components:{ componenta }, } 优点 依赖明确打包自动移除 14Props外部向内部传入值
