VUE
文章平均质量分 81
专注写bug
你知道的越多,你不知道的也越多!
展开
-
Vue 2.0——v-once使用讲解
在官方文档中,看见一个很好玩的标签,总感觉实用场景不多,特此记录下。从案例中得知:此时对指定增加标签,效果如下:不管等多久时间,数据变化后,不会再次刷新至页面进行显示。原创 2022-07-01 16:39:53 · 1581 阅读 · 0 评论 -
Vue 2.0——生命周期(官网解读)
根据 官方文档 中的描述,增加个人的理解和说明。这只是一个笔记。原创 2022-07-01 14:37:41 · 400 阅读 · 0 评论 -
Vue 2.0——数据与方法(官方文档解读)
以官方文档给出说明和案例为基础,进行自我学习和理解的扩充。在官方文档中,针对数据的响应式渲染,有这么一段描述:这句话从字面意思上说的很绕,但是如果换一种思维方式来看这段描述内容就会豁然开朗。以的开发思维来看这个问题。在使用VUE时,必须先构建VUE的实例对象,也就是需要采取的方式。既然是对象,那么这个对象中可能存在某些属性,恰好目前我们所能熟知的有两大属性:和。那么,此时的Vue对象,根据Java类的结构,可以大致理解为下面的类结构:响应测试有了上面的理解,接下来按照官方文档中给出的案例,进行数据的原创 2022-06-30 14:59:41 · 1122 阅读 · 0 评论 -
Vue 2.0——初识组件
在的 官方文档 中,针对有下面一段描述内容:通俗的说法就是:依照官方文档中给出的案例,写一个自己的组件。上面的代码就是将这段代码进行定义为公共组件,同时起名为。使用也很简单,只需要两步:格局要求,编写下列代码,进行组件的使用:使用组件,类似方式,将组件代码动态渲染至指定的标签容器中,这里的容器就是。组件只能写固定代码吗?接下来,写一个可以传递参数的。首先依旧是定义一个组件:上面定义的组件中,可以传递两个参数信息、。有了组件,接下来就进行组件的使用:完整代码如下所示:......原创 2022-06-29 15:21:52 · 202 阅读 · 0 评论 -
Vue 2.0——v-text、v-html使用
再最初的进行数据信息渲染时,能够动态地将动态地渲染至指定区域显示原创 2022-06-29 14:34:25 · 627 阅读 · 0 评论 -
Vue 2.0——v-model 双向绑定
Vue 还提供了 v-model 指令,它能轻松实现表单输入和应用状态之间的双向绑定。使用vue进行数据获取操作,之前的使用或者原生的方式获取数据了。通常会采取,将指定的元素标签和中的指定属性进行绑定。指定表单内容变更后,应用状态也会随之更改。反之亦然!用表单元素标签,模拟表单输入和应用状态双向绑定的效果。效果展示会出现下面的现象:...原创 2022-06-29 09:51:37 · 932 阅读 · 1 评论 -
Vue 2.0——v-on使用
的用法,通常是给某个设置。如下,给标签一个。其中,用于数据的最初和变化后的显示。对,当然他有简写,上述的写法,可以简写为。如下所示:原创 2022-06-29 09:25:39 · 320 阅读 · 0 评论 -
VUE 2.0——v-for使用
在界面数据显示中,通常会有列表分页显示数据信息。此时针对的使用尤为重要。设定数据显示集合信息,并在页面中遍历显示集合中的所有数据信息。效果展示原创 2022-06-28 10:31:29 · 773 阅读 · 0 评论 -
Vue 2.0——v-if 使用
效果原创 2022-06-28 10:26:22 · 1155 阅读 · 0 评论 -
VUE 2.0——vue入门和v-bind使用
前后分离是现在开发的主流趋势,对前端正好有些兴趣,写个专栏做零碎的技能知识总结。一切以官方文档为准,博客专栏主要采取进行测试,后期技能熟练后,会写的内容。初次使用测试Vue,采取最基本的风格。在页面中,引入对应的库。实例化一个实例,并设定数据值信息。针对的设值,做一个说明:设定数据值和初始化实例后,创建指定的标签,并进行数据的展示保存后,访问下列地址信息,即可查询到效果:项目结果如下所示:主要用于。比如绑定:这里的写法为:当然也能简写为下列方式:.........原创 2022-06-27 18:25:22 · 219 阅读 · 0 评论