![](https://img-blog.csdnimg.cn/1b37a51ef84d4a61898cdab5f1ef9bc1.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 84
从零开始,认识并透彻Vue
莫道一龙
温暖纯良,如火如光
展开
-
Vue 核心插件 Vuex(二)
Vuex 是一个 Vue 的 状态(状态即为数据)管理工具,是Vue为我们提供的一个插件,它可以帮助我们管理共享状态,并附带了更多的概念和框架。vuex中一共有五个状态 State Getter Mutation Action Module原创 2023-08-04 15:11:38 · 163 阅读 · 0 评论 -
Vue 核心插件 Vuex (一)
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。原创 2023-07-27 15:13:51 · 286 阅读 · 0 评论 -
Vue 核心插件 Router 路由详解
在web开发中,客户端的请求是以url的形式传递给服务器,它根据URL将请求分配到指定的一个端并且在这个过程中对其进行处理。然后路由再调用相关的控制器,控制器调用相关的服务,并返回视图对象。路由再从视图对象中提取生成好的网页代码返回给Web服务器,最终返回给客户端。原创 2023-07-24 19:34:31 · 1366 阅读 · 0 评论 -
Vue 面试题 单页应用和多页应用的区别
单页面应用又称==SPA==(Single Page Application) 指的是使用单个HTML完成多个页面切换和功能的应用。多页面应用又称==MPA==(Multi Page Application),指多个独立的页面的应用,每个页面必须重复加载js,css等相关资源。原创 2023-07-23 10:04:04 · 485 阅读 · 0 评论 -
Vue 插槽(slot)用法
插槽:是Vue 中的一种组件间的内容分发方式。它允许你在一个组件中定义可替换的内容,并在使用该组件时提供不同的内容。插槽使得组件的结构更加灵活,可以根据需要动态地传递内容。原创 2023-07-21 20:01:57 · 1019 阅读 · 0 评论 -
Vue 自定义指令的创建和使用
自定义指令:自己定义的指令,可以封装一些DOM操作,扩展额外的功能。这些指令被称为自定义指令原创 2023-07-21 16:46:42 · 404 阅读 · 0 评论 -
vue面试题 $nextTick原理
$nextTick 是一个用于在DOM更新完成后执行回调函数的方法,平时在获取真实DOM的时候获取不到最新的DOM元素,使用$nextTick就可以。原创 2023-07-19 16:09:23 · 72 阅读 · 0 评论 -
Vue 父子组件通信v-model .sync修饰符
v-model 是Vue框架的一种内置的API指令,本质是一种语法糖写法。原创 2023-07-19 15:20:30 · 1029 阅读 · 0 评论 -
Vue 组件通信
这种方式就是vue中依赖注入,该方法用于 父子组件之间 的通信。当然这里所说的父子不一定是真正的父子,也可以是祖孙组件,在层数很深的情况下,可以使用这种方式来进行传值。provide和inject是vue提供的两个钩子,和data、methods是同级的。在上面的代码中,子组件获取到了父组件的parentVal值,父组件改变了子组件中message的值。有组件发布事件后 剩余的所有组件都可以进行监听事件。B组件(Child.vue)C组件(Child.vue)A组件(App.vue)父组件App.vue。原创 2023-07-18 19:47:40 · 102 阅读 · 0 评论 -
Vue 组件 data 为什么必须是函数(面试题)
通过vue . extend方法创建一个子类,创建子类之后会把自己的选项和父类的选项使用mergeOptions方法做一个合并,自己的选项就包含data。在mergeOptions中会调用strats . data对子类的data进行合并,这个方法中首先会判断子类的data进行判断,要求data必须是一个函数,如果不是会报错告诉它这个data应该是一个函数定义,因为每一个组件都会返回一个实例,如果是data就会调用 mergeDataOrFn方法进行合并。原创 2023-07-16 10:57:48 · 137 阅读 · 0 评论 -
Vue 脚手架搭建(v5.08)和基本项目介绍
vue脚手架指的是vue-cli,它是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板原创 2023-07-14 17:06:19 · 1327 阅读 · 0 评论 -
Vue 生命周期和钩子函数
vue从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、销毁等一系列过程,称之为 Vue 的生命周期。原创 2023-07-14 14:11:12 · 116 阅读 · 0 评论 -
Vue watch侦听器(入门)
watch允许开发者监视数据的变化,是 vue 提供的一种用来观察和响应实例上数据变化的属性,属性发生变化,便会触发对应的监听函数。原创 2023-07-12 19:24:13 · 344 阅读 · 0 评论 -
Vue computed计算属性详解(入门)
computed是一个计算属性,该属性的方法名相当于date属性里面的key,他可以作为key值使用,该属性里面的方法必须要有return返回值,这个返回值就是(value)值 。原创 2023-07-11 20:28:05 · 1111 阅读 · 0 评论 -
Vue 指令补充(入门)
Vue指令修饰符就是通过“.”指明一些指令**后缀** 不同的**后缀**封装了不同的处理操作 主要目的就是为了 简化代码原创 2023-07-11 19:07:52 · 101 阅读 · 0 评论 -
什麽是Vue?(入门)
Vue是一套用于构建用户界面的渐进式JavaScript框架与传统JS和JQuery框架不同,Vue的渐进式框架表示开发者可以由简单组件写起,渐渐搭建出一个复杂的前端平台。组件化MVVM响应式,和生命周期。Vue一切是数据为核心,使用数据来驱动视图刷新,我们不建议去操作dom基于数据渲染出用户可以看到的界面所谓渐进式,就是循序渐进,并非将Vue的所有API都学完才可以进行Vue开发,可以学一些用一些。原创 2023-07-10 16:26:45 · 52 阅读 · 0 评论 -
Vue中常用的指令(入门)
vue指令(Directives)是 Vue 提供的带有 **v- 前缀** 的 特殊 标签**属性**。使用指令,可极大提高程序员操作DOM的效率。原创 2023-07-10 17:29:00 · 289 阅读 · 0 评论