如何计算网站制作的成本？是否采用扁平化或树形结构会影响费用？

网站制作多少费用,网站扁平化结构和树形结构,包装设计用什么软件,南通网站免费建设Vue3自定义指令 除了默认设置的核心指令#xff08;v-model和v-show#xff09;#xff0c;Vue也允许注册自定义指令。 下面我们注册一个全局指令v-focus#xff0c;该指令的功能是在页面加载时#xff0c;元素获得焦点#xff1a; !--* Author: RealRoad10834252…Vue3自定义指令 除了默认设置的核心指令v-model和v-showVue也允许注册自定义指令。 下面我们注册一个全局指令v-focus该指令的功能是在页面加载时元素获得焦点 !--* Author: RealRoad1083425287qq.com* Date: 2023-04-04 19:26:07* LastEditors: Mei* LastEditTime: 2023-04-04 19:32:33* FilePath: \vscode\v-focus.html* Description: * * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. -- !DOCTYPE html html langen headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/titlescript srcvue_doc/vue.global3.js/script /head bodydiv idappp页面加载时input元素自动获取焦点/pinput v-focus/divscriptconst appVue.createApp({})app.directive(focus,{mounted(element){element.focus()}})app.mount(#app)/script /body /html 我们也可以在实例中使用directives选项来注册局部指令这样指令只能在这个实例中使用 !--* Author: RealRoad1083425287qq.com* Date: 2023-04-04 19:26:07* LastEditors: Mei* LastEditTime: 2023-04-04 19:40:52* FilePath: \vscode\v-focus.html* Description: * * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. -- !DOCTYPE html html langen headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/titlescript srcvue_doc/vue.global3.js/script /head bodydiv idappp页面加载时input元素自动获取焦点/pinput v-focus/divscriptconst app{data(){return{}},directives:{focus:{mounted(el){el.focus()}}}}// directive(focus,{// mounted(element){// element.focus()// }// })// app.mount(#app)Vue.createApp(app).mount(#app)/script /body /html 钩子 钩子函数 指令定义函数提供了几个钩子函数可选 created在绑定元素的属性或事件监听器被应用之前调用。 beforeMount:指令第一次绑定到元素并且在挂载父组件之前调用 mounted:在绑定元素的父组件被挂载后调用 beforeUpdate:在更新包含组件的VNode之前调用 updated在包含组件的VNode及其子组件的VNode更新后调用。 beforeUNmount当指令与在绑定元素父组件卸载之前时只调用一次。 unmounted当指令与元素解除绑定且父组件已卸载时只调用一次。