
vue3
文章平均质量分 92
vue3 学习记录
nebofeng
不坠青云之志。。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue3学习-01_前端工程化与webpack
webpack 是前端项目工程化的具体解决方案。主要功能:它提供了友好的前端模块化开发支持,以及代码压缩混淆、处理浏览器端 JavaScript 的兼容性、性能优化等强大的功能。好处:让程序员把工作的重心放到具体功能的实现上,提高了前端开发效率和项目的可维护性。注意:目前企业级的前端项目开发中,绝大多数的项目都是基于 webpack 进行打包构建的。在 webpack.config.js 配置文件中,通过 entry 节点指定打包的入口。通过 output 节点指定打包的出口。原创 2023-07-03 23:42:23 · 677 阅读 · 0 评论 -
Vue3-02_Vue基础入门
官方给出的概念:Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的前端框架。vue 是一套用于构建用户界面的前端框架。MVVM 是 vue 实现数据驱动视图和双向数据绑定的核心原理。它把每个 HTML 页面都拆分成了如下三个部分:在 MVVM 概念中:View 表示当前页面所渲染的 DOM 结构。Model 表示当前页面渲染时所依赖的数据源。ViewModel 表示 vue 的实例,它是 MVVM 的核心。原创 2023-10-28 01:16:05 · 479 阅读 · 0 评论 -
Vue3-03_组件基础_上
单页面应用程序(英文名:Single Page Application)简称 SPA,顾名思义,指的是一个 Web 网站中只有唯一的一个 HTML 页面,所有的功能与交互都在这唯一的一个页面内完成。组件化开发指的是:根据封装的思想,把页面上可重用的部分封装为组件,从而方便项目的开发和维护。类似后端逻辑的通用函数。3.x 中一个组件可以定义多个根节点,这是与2.x不同的地方。<template>但是渲染透传的时候,单根节点组件有所不同,有着多个根节点的组件没有自动 attribute 透传行为。原创 2024-03-16 12:53:00 · 958 阅读 · 0 评论 -
Vue3-04_组件基础_下
使用计算属性直接返回计算后的结果,使得逻辑主要在函数里处理,模板会更简洁。计算属性本质上就是一个 function 函数,它可以实时监听 data 中数据的变化,并 return 一个计算后的新值,在封装组件时,为了让组件的使用者可以监听到组件内状态的变化,(比如父子组件之间)此时需要用到组件的监听事件。指的是在封装组件时对外界传递过来的 props 数据进行合法性的校验,从而防止数据不合法的问题。使用对象类型的 props 节点,可以对每个 prop 进行数据类型的校验,的额外参数都会被直接传向监听器。原创 2024-06-28 23:15:52 · 807 阅读 · 0 评论 -
Vue3-05_组件高级
异步请求的响应时间不确定:由于 AJAX 请求是异步的,无法确定请求何时完成并返回数据。watch 侦听器允许开发者监视数据的变化,从而针对数据的变化做特定的操作。当watch 侦听的是一个对象,如果对象中的属性值发生了变化,则无法被监听到。这可能导致组件在没有完全初始化数据的情况下执行其他操作,导致错误或不一致的状态。钩子函数中,组件实例已经创建并且数据已经初始化,可以安全地发起异步请求并处理返回的数据。钩子函数在组件实例创建之前被调用,此时组件的数据和生命周期钩子还没有被初始化。原创 2024-09-08 22:32:58 · 1457 阅读 · 0 评论