VUE
文章平均质量分 89
vue的基础和实战
wendyGao_Yin
这个作者很懒,什么都没留下…
展开
-
VUE - 8.2 - VUE组件间的通讯
VUE组件的通讯父组件向子组件传递数据子组件向父组件传递数据父组件向子组件传递数据prop用于从父组件向子组件传递数据时自组建的接收器:props:["name","age","sex"]。在父组件传递数据时:<my-student name="张三" :age="16" sex="男"></my-student>注意age的传参方式,完整写法是 v-bind:age= "18",这样动态地向子组件传递数据,子组件接受到的数据就是引号里面的 数字类型的18。prop还可原创 2022-03-08 17:54:53 · 1018 阅读 · 0 评论 -
VUE - 8.1 - VUE的组件
VUE的组件什么是组件为什么用组件组建的基础组件嵌套关于VueComponent:扩展本篇图片截图来自尚硅谷:https://www.bilibili.com/video/BV1Zy4y1K7SH?p=53什么是组件组件是用来实现局部(特定)功能代码的集合(html、css、js、img、video…),尤其再界面功能很复杂的时候,有代码复用,简化项目编码,提高运行效率作用。可以看一张很形象的图形解释:为什么用组件因为组件是可复用的 Vue 实例,所以它们与 new Vue 接收相同的选原创 2022-03-01 16:30:46 · 435 阅读 · 0 评论 -
VUE - 7 - VUE的表单处理
VUE的表单处理基础用法文本/ 多行文本复选框单选按钮选择框基础用法vue使用v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定,监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。v-model 在内部为不同的输入元素使用不同的 property 并抛出不同的事件:text 和 textarea 元素使用 value property 和 input 事件;checkbox 和 rad原创 2022-03-01 10:22:40 · 595 阅读 · 0 评论 -
VUE - 6 - VUE的事件处理
VUE的事件处理v-on参数的传递v-on指令在监听DOM事件时,可以传递参数。事件修饰符按键修饰符v-onvue使用v-on指令监听DOM事件,并在触发时运行一些js代码。v-on可以接受简单的表达式,比如 counter += 1。还可以接受一个需要调用的方法名addOne。v-on:click = 'addOne' 可以简写成:@click='addOne' 。<body> <div id="root"> <button原创 2022-02-25 15:45:02 · 475 阅读 · 0 评论 -
VUE - 5 - VUE的计算属性和侦听器
VUE的计算属性和侦听器综合案例计算属性 computed侦听器 watch选项/ 数据/ watch实例 property计算属性 VS 侦听器综合案例先看一个综合的案例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算属性和侦听器</title> <link rel="icon" href="../原创 2022-02-25 11:55:12 · 598 阅读 · 0 评论 -
VUE - 4 - VUE的条件渲染与列表渲染
条件渲染v-show:通过控制DOM元素的css属性"display"来控制显示隐藏。(适用于需要频繁切换情况下)v-if:根据条件是否成立,来控制DOM 是否渲染。v-else:必须跟在v-if或者v-else-if之后,不需要加表达式。v-else-if:必须跟在v-if或者v-else-if之后,列表渲染v-for:基于源数据多次渲染元素或模板块。值是特定的语法:alias in expression。也可以获取两个参数,当前项和当前项的index值 v-for = "(alias原创 2022-02-24 11:54:28 · 352 阅读 · 0 评论 -
VUE - 2 - vue基础
vue 基础归纳总结,学习笔记。原创 2022-02-17 11:23:14 · 625 阅读 · 0 评论 -
VUE - 1 - vue的第一个小案例
使用vue之前第一件事是安装vue。Hello Vue安装VUE前期问题解决下载开发者工具配置全局属性图标问题Hello Vue 小案例扩展安装谷歌的vue开发者工具安装VScode的 Live Server 插件安装VUEvue可以直接下载引入,也可以使用npm安装使用,初期选择直接下载使用吧,简单粗暴不易出错。选择开发版本。开发版本包含完整的警告和调试模式。生产版本删除了警告,33.46KB min+gzip。也可以选择CDN方式<script src="https://cdn.原创 2022-02-16 14:57:20 · 483 阅读 · 0 评论 -
VUE - 0 - vue简介
学习笔记主要参考了张天禹老师的 “尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通”vue简介VUE是什么?历史版本vue的特点学习路线扩展声明式编码 VS 命令式编码VUE是什么?Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。历史版本vue的特点采用组件化的模式,提高代码复用率,切让代码更好的维护。声明式编码,让编程人员无需直接操作DOM,提高开发效率。使用虚拟DOM+Diff算法 。尽可能地复用DOM节点。学习路线v原创 2022-02-16 10:09:00 · 309 阅读 · 0 评论