![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue框架
文章平均质量分 93
Xiao20000101
这个作者很懒,什么都没留下…
展开
-
Vue入门到关门之Vue3学习
如果在项目中使用配置项API,那么写起来就和vue2的写法是一样的;但是如果在项目中写的是组合式API,那么组件中所用到的:数据、方法等等,均要配置在setup中。此外,setup()需要在非单文件组件中使用组合式 API 时。需要在基于选项式 API 的组件中集成基于组合式 API 的代码时。Computed属性computed 是一个函数,它返回一个值,该值依赖于组件的数据。当依赖的数据发生改变时,computed 返回的值会自动更新。原创 2024-05-09 18:57:09 · 909 阅读 · 0 评论 -
Vue入门到关门之Vue3项目创建
Vite(法语意为 “快速的”,发音/vit/,发音同 “veet”)是一种新型前端构建工具,能够显著提升前端开发体验。它的工作流程与传统方式不同:**传统方式:**webpack启动项目 -> webpack进行打包编译->将打包的结果交给浏览器 ->浏览器运行先抓取并构建你的整个应用,然后才能提供服务。更新速度会随着应用体积增长而直线下降。**vite 方式:**vite启动项目 -> 将打包编译的工作交给了浏览器->浏览器直接解析业务Vite 以 原生 ESM 方式提供源码。原创 2024-05-06 22:41:39 · 1075 阅读 · 0 评论 -
Vue入门到关门之Vue高级用法
},data() {return {原创 2024-05-06 21:38:21 · 917 阅读 · 0 评论 -
Vue入门到关门之第三方框架elementui
Element UI 是一个基于 Vue.js 的组件库,它提供了丰富的 UI 组件和一套完整的解决方案,用于快速构建现代化的 Web 应用程序。Element UI 的目标是帮助开发者快速构建出美观、易用的界面,并提供了丰富的组件,包括但不限于按钮、表单、表格、对话框、菜单、导航、布局等等。丰富的组件: Element UI 提供了大量的常用 UI 组件,开发者可以通过简单的引入和配置,快速构建出符合现代界面设计的 Web 应用。易用性。原创 2024-05-02 21:03:40 · 798 阅读 · 0 评论 -
Vue入门到关门之Vue项目工程化
在JavaScript中,letconst和var是用于声明变量的关键字,它们在作用域、可变性和提升等方面有一些重要的区别。在ES6之前,我们都是用var来声明变量,而且JS只有函数作用域和全局作用域,没有块级作用域,所以{}限定不了var声明变量的访问范围。ES6 新增了let命令,用来声明局部变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效,而且有暂时性死区的约束。在现代JavaScript中,推荐优先使用const,如果变量的值需要变化,则使用let,避免使用var。原创 2024-04-30 21:56:48 · 1412 阅读 · 0 评论 -
Vue入门到关门之组件
全局组件可以在整个应用程序中的任何地方使用,而局部组件只能在注册它的实例或者组件内部使用。全局组件适合用于在整个应用中频繁使用的通用组件,而局部组件适合用于特定页面或者组件内部的组件。全局组件的注册是通过方法进行,而局部组件的注册是通过组件选项中的components属性进行。注意:组件中的数据,事件在没有额外参数的影响下都是独立的Element UI是一个基于Vue.js的组件库,提供了丰富的UI组件,如按钮、表格、弹窗等,可以帮助开发者快速构建美观、功能完善的前端界面。原创 2024-04-30 21:44:24 · 1074 阅读 · 0 评论 -
Vue入门到关门之生命周期钩子
在软件开发中,"生命周期"通常指的是一个对象从创建到销毁的整个过程。在前端开发中,特别是在使用诸如Vue.js、React等框架的情况下,"生命周期"常常指的是组件或实例在其存在期间经历的一系列阶段。在Vue.js中,每个Vue实例都有一个生命周期,它包含了一系列的钩子函数(也称为生命周期钩子),这些钩子函数允许开发者在实例的不同阶段添加自定义逻辑。通过这些钩子函数,你可以控制实例在特定时间点执行特定的操作,比如在数据加载前执行一些初始化操作、在实例销毁前清理资源等。阶段一:创建 (创建vue实例)原创 2024-04-30 21:37:05 · 487 阅读 · 0 评论 -
Vue入门到关门之指令系统
在 Vue.js 中,指令(Directives)是一种特殊的标记,用于向 Vue 实例提供特殊的行为。指令以 开头,例如 、 等。2、事件指令(1)v-onv-on 事件绑定指令,用来辅助程序员为DOM 元素绑定事件监听,并提供处理逻辑。语法:由于v-on 指令在开发中使用频率非常高,因此,vue 官方为其提供了简写形式(简写为英文的@)常用的事件有:点击事件,双击事件,拖动事件,得到焦点,失去焦点。。。。例如:(2)es6的对象写法(3)v-on调用传参函数有一个参数如果在事件原创 2024-04-27 22:24:18 · 1343 阅读 · 0 评论 -
Vue入门到关门之计算属性与监听属性
基础定义方式// 计算属性的名称// 计算属性的逻辑处理// 返回计算结果监听属性是Vue中的⼀种特殊属性,用于监测数据的变化并触发相应的回调函数。通过监听属性,我们可以在数据发生改变时执行一些额外的逻辑操作。在watch对象中,可以定义多个属性的监听器,每个属性对应一个回调函数。当被监听的属性发生变化时,Vue会自动调用对应的回调函数,并传递新值和旧值作为参数。监听对象定义方式watch: {// 监听firstName属性变化// 在这里执行相关的操作},原创 2024-04-27 22:26:22 · 1109 阅读 · 0 评论 -
Vue入门到关门之Vue介绍与使用
模版语法也可以叫做插值表达式,插值表达式用户把vue中所定义的数据,显示在页面上.。插值表达式允许用户输入"JS代码片段"。原创 2024-04-27 22:29:59 · 654 阅读 · 0 评论 -
Vue入门到关门之前端引入
功能更强大的框架,还配备了更多的功能和附加的基于JavaScript的功能,但大多设计导向的和Unobtrusive JavaScript。就比如使用HTML(5)、CSS(3)、JavaScript(ES5、ES6)来编写一个个的页面,然后发给后端(PHP、Python、Go、Java) ,后端收到浏览器的请求再嵌入模板语法、渲染完数据返回数据给前端,最终在浏览器中查看。React 的核心思想是“声明式编程”,也就是说,开发人员可以专注于定义组件的外观和行为,而不必担心实现细节。原创 2024-04-24 19:36:19 · 1145 阅读 · 2 评论