![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 79
Mark-Xu
这个作者很懒,什么都没留下…
展开
-
vue 是什么
官方文档描述:Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 Vue.js 是一个用于创建用户界面的开源JavaScript框架,也是一个创建单页应用的Web应用框架。2016年一项针对JavaScript的调查表明,Vue...原创 2021-12-23 18:43:45 · 5016 阅读 · 0 评论 -
vue3.0 Study
Vue3源码模块化分 runtime-core、runtime-dom、runtime-test这三个文件夹都是Vue 运行时相关的核心代码。 compiler-core、compiler-dom、compiler-sfc这三个文件夹是 Vue 实现的编译器相关代码。 server-renderer 是服务端渲染部分。 vue 文件夹是整个项目打包构建之后的出口文件。 reactive 文件夹是响应式系统部分 ref VS reactive 对于基本数据类型,函数传递或者对象解构时,会丢失原始数据的引用原创 2020-10-18 21:37:43 · 196 阅读 · 0 评论 -
Vue修饰符总结
Vue修饰符 Vue提供了一些修饰符,这些修饰符在使用起来非常方便,比如阻止默认事件、冒泡等。 .lazy: v-modeil不用多说,输入框改变,这个数据就会改变,lazy这个修饰符会在光标离开input框才会更新数据: <input type="text" v-model.lazy="value"> .trim: 输入框过滤首尾的空格: <input type="text" v-model.trim="value"> .number: 先输入数字就会限制输入只能原创 2020-07-05 16:37:03 · 267 阅读 · 1 评论 -
Vue中的Vuex详解
1、什么时候需要使用vuex 当项目业务复杂 页面之间有很多关联数据需要交互的时候 2、本地存储和vuex的区别 vuex是状态管理,是为了解决组件之间数据共享的问题。 一个组件的数据变化会映射到使用这个数据的其他组件当中。 如果刷新页面,之前存储的vuex数据全部都会被初始化掉。 localStorage是H5提供的一个更简单的数据存储方式,之前是用cookie存放数据,但是cookie的数据量太小,所以就用localStorage,它可以有5M的限制,不受刷新页面的控制。 因此,在用vue项目开发原创 2020-06-14 15:02:31 · 317 阅读 · 0 评论 -
Vue组件的传值
组件是vue.js最强大的功能之一,而组件实例的作用域是相互独立的,就意味这不同组件之间的数据无法相互引用。一般来说,组件可以有以下几种关系: A-B、B-C、B-D都是父子关系 C-D是兄弟关系 A-C、A-D是隔代关系 总结了几种vue组件中通信的几种方式 方法一、props 父组件A通过props向子组件B传递值, B组件传递A组件通过$emitA组件通过v-on/@触发 1.1 父组件 => 子组件传值 // 父组件 <template> <div id="app"原创 2020-05-31 16:58:52 · 95 阅读 · 0 评论