![](https://img-blog.csdnimg.cn/a7c8f9b53a5d4271a80e6ade67243f9f.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 90
前端框架vue,自学于尚硅谷
Zzz小白飞
菜鸟小白程序猿,每天都在一点点的进步鸭Zzz
展开
-
Vue学习笔记(八)
理解一个路由(route)就是一组映射关系(key-value),多个路由需要路由器(router)进行管理。前端路由key是路径,value可能是function或component(组件)。原创 2022-07-31 11:46:18 · 385 阅读 · 1 评论 -
Vue学习笔记(七)
在A组件中有一个数据x,B,C,D组件都想要得到他,需要绑定全局事件总线,在B,C,D中使用事件总线接收数据,在A中使用事件总线发送数据。(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。B,C,D想要更改数据x,在需要在A中使用事件总线接收数据,在B,C,D中使用事件总线提供数据。vuex不属于最后一个组件,将很多组件都要使用的数据存储在vuex中,通过API的调用实现读写。,直接编写```commit`......原创 2022-07-28 23:25:50 · 277 阅读 · 0 评论 -
Vue学习笔记(六)
理解数据在组件的自身(在slot插槽定义的那个组件里面),但根据数据生成的结构需要组件的使用者来决定。(games数据在Category组件中,但使用数据所遍历出来的结构由App组件决定)父组件向子组件传递带数据的标签,当一个组件有不确定的结构时,就需要使用slot技术,注意插槽内容是在父组件中编译后,再传递给子组件的。作用让父组件可以向子组件指定位置插入html结构,也是一种组件间通信的方式,适用于。分类默认插槽、具名插槽、作用域插槽。............原创 2022-07-28 23:15:24 · 535 阅读 · 0 评论 -
Vue学习笔记(一)
文章预览:1、Vue简介1.1、Vue是什么1.2、谁开发的1.3、Vue特点1.4、搭建Vue开发环境直接用script引入2、Vue核心2.1、初始Vue2.2、模板语法2.3、数据绑定2.4、el与data的两种写法:1、el2、data2.5、MVVM2.6、Object.defineProperty()1、对象的定义与赋值2、Object.defineProperty()语法说明3、属性的特性以及内部属性4、属性描述符5、数据描述符6、存取描述符7、存取器描述8、数据描述符和存取描述均具有以下描述原创 2021-11-27 19:32:26 · 681 阅读 · 0 评论 -
Vue学习笔记(二)
点击跳转:Vue学习(一)文章预览:点击跳转:Vue学习(一)Vue核心(续)2.10、计算属性(computed)1、姓名案例_插值语法实现2、姓名案例_methods实现3、姓名案例_计算属性实现2.11、监视属性(侦听器watch)1、天气案例-监视属性(1)天气案例(2)天气案例_监视属性(3)天气案例_深度监视(4)天气案例_ 深度监视 _简写2、computed和watch2.12、绑定样式1、class样式2、style样式2.13、条件渲染1、v-if2、v-show3、代码2.14、列表原创 2021-12-07 19:46:41 · 380 阅读 · 0 评论 -
Vue学习笔记(三)
点击跳转:Vue学习(一)点击跳转:Vue学习(二)文章预览:点击跳转:Vue学习(一)点击跳转:Vue学习(二)Vue核心(续)2.15、收集表单数据 v-model详解2.16、过滤器(filter)2.17、内置指令1、v-text 指令2、v-html 指令3、v-cloack指令4、v-once指令5、v-pre指令2.18、自定义指令2.18、生命周期1、引出生命周期2、分析生命周期3、生命周期总结Vue核心(续)2.15、收集表单数据 v-model详解收集表单数据:若:<原创 2021-12-11 20:40:52 · 454 阅读 · 0 评论 -
Vue学习笔记(四)
点击跳转:Vue学习(一)点击跳转:Vue学习(二)点击跳转:Vue学习(三)文章预览:点击跳转:Vue学习(一)点击跳转:Vue学习(二)点击跳转:Vue学习(三)3、Vue组件化编程3.1、模块3.2、组件3.3、模块化3.4、组件化3.5、非单文件组件1、非单文件组件的基本使用2、组件的几个注意点3、组件的嵌套4、VueComponent5、一个重要的内置关系3.6、单文件组件1、其余文件(这些文件内创建组件)2、App.vue文件3、main.js文件4、index.html文件,准备一个容器原创 2021-12-14 21:34:24 · 924 阅读 · 0 评论 -
Vue学习笔记(五)
点击跳转:Vue学习(一)点击跳转:Vue学习(二)点击跳转:Vue学习(三)点击跳转:Vue学习(四)文章预览:点击跳转:Vue学习(一)点击跳转:Vue学习(二)点击跳转:Vue学习(三)点击跳转:Vue学习(四)4、使用Vue脚手架4.1、初始化脚手架1、说明2、具体步骤4、备注:4.2、分析脚手架1、脚手架文件结构2、关于不同版本的Vue3、vue.config.js配置文件4、使用脚手架构建出来的index.html文件5、使用脚手架构建出来的main.js文件4.3、ref属性4.4、p原创 2021-12-17 18:24:01 · 148 阅读 · 0 评论 -
vue中关于$event的通俗理解
vue中关于$event的通俗理解通过对$event的多次打印结果,可见:$event是指当前触发的是什么事件(鼠标事件,键盘事件等)$event.target则指的是事件触发的目标,即哪一个元素触发了事件,这将直接获取该dom元素下面是例子:<button @click="console.log($event)" name="哈哈">单击</button>由于鼠标点击,所以触发鼠标单击事件,打印出来的是事件,如下图:展开后确实有target属性,且target说明转载 2022-02-24 17:25:26 · 3036 阅读 · 0 评论