小白初入前端之Vue.js的学习之路——初识vue

网友投稿 585 2022-05-30

其实本人之前在上学时学习过一小点点的前端,主要是后端,以致于后来去一家公司实习。当时维护某明星的个人网站,在此期间不可避免写一些前端的代码,当是时还在使用jQuery,感觉好方便。

本人窃以为前端的发展前途远大于后端,因为人们都是视觉动物嘛,喜欢交互性强的东西, 后端大家都看不见,没意思,所以现在开学慢慢接触学习前端。

小白初入前端之Vue.js的学习之路——初识vue

学习前端不能学习目前不太用的东西,大家都说要熟读jQuery等的源码等,对思维有提升。但某以为还是先学习目前的潮流比较好,会做项目了再慢慢细细研究。所以选择从Vue开始,同步学习基础知识,齐头并进。嘿哈!

Vue是中国人写的,所以文档对于我们阅读很友好,very good!那么接下来开始使用vue吧。当然我首先还是有一丢丢html和js知识基础的,css完全不会,不过不影响,用bootstrap等css框架即可。

读了基础的vue文档之后,准备着手写一个记事本的前端小页面,在此将源码贴出来,css的样式完全用的bootstrap的,不要问我为什么这么用,我也不知道,反正样式出来了,并且我们毕竟以vue为主。

                        My NoteBook                                                                                Toggle navigation                                                                                                 My NoteBook             

        
                                                             
                             
                                                                                                           {{ item }}                             
                                                             删除                             
                        
                                                                                                                        共{{ notes.length }}条笔记                                                       清除所有内容                                                 

有点长哈,我们在代码末端创建了vue实例,在html中其实仅仅用到了vue提供的插值操作{{  }}和事件响应@click(即v-on),十分简单,适合入门。那么我们将成果图放在此处。

今后再学习,再进步。

软件开发

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:ClickHouse开启ldap认证简介
下一篇:【并发技术14】线程同步工具Semaphore的使用
相关文章