![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
蓝柯柯
知识改变世界
展开
-
我的Vue之旅(1)
2020-10-17今天主要学习了Vue中以下几个指令的使用v-bindv-ifv-onv-forv-model其中v-bind与v-model都是属于数据绑定,v-bind通常来说是绑定属性与data中的数据,而v-model较多在表单中使用,实现数据的双向绑定。v-if的话和其他语言中的if使用差不多吧,当条件为true时,标签的内容就可以生效,即在页面上显示出来。v-for循环加载对象列表中的对象,做一些相同的操作,不过要搞清楚v-for应该放在需要进行操作的标签内,不要搞错位原创 2020-10-24 22:30:07 · 127 阅读 · 0 评论 -
我的Vue之旅(2)
2020-10-22仿照教程动手搞了一个Vue的组件化构建应用的Demo, 嗯,对,就是仿照,我一点都不觉得可耻。关于Vue组件化给我的感觉就是自己写一些类似于HTML中的 h1, a, p这样的标签,然后可以在自己的应用中直接引用。但相对单纯的HTML中的标签,Vue的自定义组件更加灵活,尤其是在使用props进行数据传递之后。关于自定义组件,在运行的时候也是踩了一个小坑,最初我定义的组件代码时这样的 Vue.component('myComponent',{ // 这是自定义我原创 2020-10-24 22:29:12 · 113 阅读 · 0 评论 -
我的Vue之旅(3)
2020-10-24程序员节快乐哈!因为有相当一部分内容都是相互穿插的,今天也就不写那么多重复的Demo了,直接写一下对所学内容的理解吧。插值关于插值这一块其实也没啥说的,文本插值都是最熟悉不过的了,对于对象Data中的值,在HTML中直接用双花括号{{}}包起了就可以了,不管里头是什么花里胡哨的东西,最终都被解释成文本。而如果我们希望一些特殊情况下,例如应用一段HTML代码,而不是单纯被解析成文本,这个时候就需要用到v-html指令,这样引用后的值就等价于真正的HTML元素了,而不是单纯被原创 2020-10-24 22:26:57 · 152 阅读 · 0 评论