首先讲下我没有学Vue之前我对它看法。我对它的第一次了解是在学习java阶段的时候,我看见了路线上有这个阶段,我当时以为它是一个已经存在很久的语言,并且功能实现很复杂。接下来就是我从那之后,我有自己去官网简单查看一下Vue的背景和发展,还有经过学长他们在考核我的时候提到了钩子函数,询问之后是Vue中的知识(生命周期的几个函数哈,当时还不知道),我当时听到这个函数名字都已经感觉到这么语言的魅力。那么接下来我对Vue的看法就已经改变了许多。
我对它看法的转变,也就直接决定了我学习Vue的态度。
在学习之前,我先去问了牛燕尾学长,学习Vue是要看视频还是看文档,然后又问了邢军成学长,最终他们两个答案都一样。
在看文档的时候,首先学到的是一些关于Vue的一些指令,这些指令有是将标签的文本和Vue实例中午data中的数据绑定在一起的。还有对标签绑定点击事件,触发对应的Vue实例中methods中对应的方法。
我在看文档到自定义指令的时候是真的看不懂了,我就开始去找视频看,结果哈,看完视频之后,我觉的这个人讲的好细啊,和我学习javaWeb时候的那个黑马的人差不多,所有知识点都不放过。
我在这个视频中学到了自定义指令,学到了生命周期律的所有流程,学到了组件。
举个简单的例子(我上面学习到的组件),组件分为非单文件组件和单文件组件。
1.首先什么是组件?组件是实现应用中局部功能代码和资源的集合。仔细思考这句话之后,组件是也就是包括页面上需要用到的html,css,JavaScript,这个组件当你需要用到的时候,直接(先导入)用标签引入此组件就能在页面上实现该部分的所有效果。
2.怎么构造出一个组件?用Vue.extend({}),看到里面的花括号没,这就是组件实例,外面这些可以省略的。
3.组件实例(vc)和Vue实例(vm)区别?
再说这个问题之前,我先简单说下vm和vc关系。vm是所有vc的领导者,而vc他们有一个领导这个组件通常起名为App,所以vm需要用到组件时候只需要与他们的领导App交流即可。(App是一人之下万人之上)在vm中,vm有的属性vc也基本都要,那么vc什么没有呢?el 啊,el的value决定你这个实例是要在哪一个容器中使用,但是vc它可不要管这些,它只需要被封装成为一个组件之后,静静的等待被用就行。
4.单文件组件。需要用到脚手架,在脚手架的components文件夹中是你封装的所有组件,与components同级的有App.vue,main.js。这里main.js是指令输入之后运行的入口。单文件组件提现在哪,components文件夹下每个组件是独立的文件。那么为什么会从main.js执行,为什么会在与src同级的public文件中的index.html中渲染?这些就是与src同级脚手架中node_modules文件夹中底层封装好的事情了。
以上这个例子问题的讲解,仅仅包括组件的些许,还有很多细节没有体现出来。
通过对Vue的初入学习,我认为Vue的功能是需要我慢慢去发现的,因为目前仅初入。这也让我对它充满许多学习的动力。
所以,在接下来的一周,我要认真的学习关于Vue的知识。
网友评论