logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue3生命周期(父子执行顺序)及其他钩子函数

父组件beforeDestroy=> 子组件beforeDestroy=>子组件destroyed=> 父组件destroyed。父组件beforeUpdate=> 子组件beforeUpdate=>子组件updated => 父组件updated。为了保证父组件的视图与子组件的数据同步,Vue 在子组件数据变化后先触发父组件的生命周期钩子函数,然后再更新子组件的视图。父组件beforeCreat

文章图片
#vue.js#前端#javascript
vue3路由(基本用法、路由守卫、动态路由)

这里做法是使用isReady方法,它返回一个 Promise,它会在路由器完成初始导航之后被解析,也就是说这时所有和初始路由有关联的异步入口钩子和异步组件都已经被解析。用于在组件中获取当前路由的信息,返回一个包含路由信息的对象。用于获取路由实例,可以通过它来进行一些动态的路由操作,比如跳转到新的路由。route中有一个配置项是meta,专门提供给我们,在meta项中配置自己的属性与值,可用于在守卫

文章图片
#javascript#前端#vue.js
vue3可视化大屏解决方案(transform)

注意:demo中用到页面全屏插件-screenfullscreenfull基本用法:isFullscreen : 是否是全屏状态isEnabled: 判断是否支持全屏toggle: 调用 screenfull.toggle() 可以双向切换全屏与非全屏。

文章图片
#vue.js
vue3修饰符用法

这意味着如果一个父元素和子元素都有相同类型的事件监听器,并且点击了子元素,那么只会触发子元素的事件监听器,父元素的事件监听器将被忽略。用于限制事件只能在触发事件的元素本身上触发,而不是在子元素上触发。在上述的代码中,当按钮被点击时,submitForm函数会被调用,同时会阻止表单的默认提交行为。例如,我们有一个父元素和一个子元素,父元素绑定了一个点击事件,子元素是父元素的一个子元素。修饰符可以确保

文章图片
#前端
Vue3注册全局属性 (app.config.globalProperties)

app.config.globalProperties:一个用于注册能够被应用内所有组件实例访问到的全局属性的对象。

文章图片
#javascript#前端#vue.js
vue3路由(基本用法、路由守卫、动态路由)

这里做法是使用isReady方法,它返回一个 Promise,它会在路由器完成初始导航之后被解析,也就是说这时所有和初始路由有关联的异步入口钩子和异步组件都已经被解析。用于在组件中获取当前路由的信息,返回一个包含路由信息的对象。用于获取路由实例,可以通过它来进行一些动态的路由操作,比如跳转到新的路由。route中有一个配置项是meta,专门提供给我们,在meta项中配置自己的属性与值,可用于在守卫

文章图片
#javascript#前端#vue.js
到底了