vue自学
文章平均质量分 84
本专栏供本人自我复习
三块四QD
这个作者很懒,什么都没留下…
展开
-
14-VUE的脚手架
ref属性1.被用来给元素或子组件注册引用信息(id的替代者)2.应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc)3.使用方式:打标识:.... 或 获取:功能:让组件接收外部传过来的数据(1).传递数据:(2).接收数据:第一种方式(只接收):第二种方式(限制类型):props:{第三种方式(限制类型、限制必要性、指定默认值):props:{原创 2023-04-09 00:22:25 · 999 阅读 · 0 评论 -
12-VUE的生命周期
需求:实现一个自动减少透明度的文本效果效果如下:首先我们可以通过在Vue实例的外部添加一个定时器来控制Vue实例中透明度数值的变化-- 以下说明页面的代码如同 --> < div id = " root " :x = " x " > < h2 > n的值为:{{n}} </ h2 > < button @click = " add " > 点我n+1 </ button > < button @click = " bye " > 点我销毁vm </ button > </ div >原创 2023-04-06 13:31:47 · 77 阅读 · 0 评论 -
11-VUE的自定义指令
需求1:定义一个v-big指令,和v-text功能类似,但会把绑定的数值放大10倍。< div id = " root " > < h3 > n的值为: < span v-text = " n " >原创 2023-04-05 18:03:43 · 49 阅读 · 0 评论 -
10-VUE的内置指令
1.作用:向其所在的节点中渲染文本内容。 2.与插值语法的区别:v-text会替换掉节点中的内容,{{xx}}则不会。原创 2023-04-05 11:30:27 · 39 阅读 · 0 评论 -
09-VUE的过滤器
当我们想将一个包含当前时间戳的vm实例data的属性转换为“xxxx年xx月xx日”的格式,可以使用VUE的计算属性跟侦测属性实现dayjs().format()是外部引入的JS库-dayjs()自备的转换时间戳的方法原创 2023-04-05 11:29:36 · 35 阅读 · 0 评论 -
08-VUE的列表获取
列表获取原创 2023-04-05 11:31:28 · 242 阅读 · 0 评论 -
07-VUE监测的原理
Vue监视数据的原理:1.vue会监视data中所有层次的数据。2.如何监测对象中的数据?通过setter实现监视,且要在new Vuel时就传入要监测的数据。(1).对象中后追加的属性,Vue默认不做响应式处理(2).如需给后添加的属性做响应式,请使用如下API:3.如何监测数组中的数据?通过包裹数组更新元素的方法实现,本质就是做了两件事:(1).调用原生对应的方法对数组进行更新。(2).重新解析模板,进而更新页面。原创 2023-04-04 20:57:43 · 50 阅读 · 0 评论 -
02-vue事件
/</</</ 5.@click=“demo"和@click=” demo($event)"效果一致, 但后者可以传参;</原创 2023-04-04 16:55:33 · 33 阅读 · 0 评论 -
01-vue初识
当我们想给新属性绑定一个指定的变量,而且保证新添加的属性值会跟随指定的变量一起变化时,不适应适应直接添加的方式,需要使用另一种方法来通过Object.defineproperty()方法实现。举例: v-bind:href="xxx”或简写为:href=“xxx”,xxx同样要写js表达式,且可以直接读取到data中的所有属性。当想在一个对象中添加一个新的属性时除了可以直接添加属性名和属性值,还可以通过Object.defineproperty()方法添加。,此处只拿v-bind举个例子。原创 2023-04-04 09:07:37 · 48 阅读 · 0 评论 -
03-VUE的计算属性
当我们想实现这么一个效果,文本标签内的文字内容跟随输入框的内容变化而变化我们可以通过1.插值语法,2.methods属性,3.计算属性1.插值语法原创 2023-04-04 09:01:35 · 61 阅读 · 1 评论 -
04-VUE的侦听属性
想实现一个点击转换天气的效果,我们可以通过computed计算属性来实现原创 2023-04-04 08:51:49 · 59 阅读 · 1 评论 -
05-VUE的样式绑定
VUE的样式绑定。原创 2023-04-04 08:52:38 · 62 阅读 · 1 评论 -
06-VUE的条件渲染
2.如果不存在对数据的逆序添加、逆序删除等破坏顺序操作,仅用于渲染列表用于展示,使用index作为key是没有问题的。key是虚拟BOM对象的标识,当状态中的数据发生变化时,Vue会根据【新数据】生成【新的虚拟DOM】,可以发现当使用index(数组索引)作为key或者不设置key都会出现元素内容偏移的问题。②.若虚拟DOM中内容变了,则生成新的真实DOM,随后替换掉页面中之前的真实DOM。①.若虚拟DOM中内容没变,直接使用之前的真实DOM!(2).旧虚拟DOM中未找到与新虚拟DOM相同的key。原创 2023-04-04 08:37:37 · 82 阅读 · 1 评论