学习Vue的一些看法

简介: 对于vuejs的学习我大概分三个层次:第一层:了解概念,理解原理,不求甚解即可。

对于vuejs的学习我大概分三个层次:


第一层:了解概念,理解原理,不求甚解即可。

大到nodejs/webpack,搞清楚作用,运作流程;小到vuex/vue-router作用,预期目标。搞清楚这些原理,你基本就告别了盲人摸象的层次,就算遇到问题都有一个基本的思考能力了。


第二层:学习方法,快速上手,代码实践。

我一直秉承学习就是一个抄袭的过程,而且是效率最高的。最简单直接的方法就是download一个好的项目看一下别人是怎么写的,随着学习的精进直接看像elementUI iview这样的框架,看别人是怎么实现的,来一场与高手的脑洞碰撞。


第三层:独立思考,贡献开源造轮子。

技术栈储备到达一定程度,对Vue的使用及设计思想有了一定的深入理解,此时不妨考虑造个轮子,造轮子能让你的思维更加缜密,能更快的整合知识点解决针对性问题,最重要的是这玩意儿还可以装逼,加薪升职的最佳助力。


封神之路尚不可知,路漫漫其修远兮,一直努力未尝不可。


当然如果是首次学框架,之前没有学过框架的话。建议先不要急着去学习Vue的单页面开发(使用.vue文件)。可以先使用 < script > 引入的方式,在html文件里使用vue,从而去学习一些数据绑定,条件渲染,列表渲染等特性。如果学习能力强一点可以直接看文档学习,Vue的官方文档写得不错,实在不行可以看视频入门。

学习步骤的话:首先了解Vue是什么东西,然后了解一下SPA(单页面应用)-> 学习Vue的声明周期 -> 学习Vue的一些基本API(比如:watch/computed 等) -> 学习一下单文件组件 -> 就可以做练习项目了


相关文章
|
2天前
|
资源调度 JavaScript API
Vue-treeselect:为Vue应用程序提供强大选择器的指南
Vue-treeselect:为Vue应用程序提供强大选择器的指南
6 0
|
3天前
|
JavaScript 前端开发
Vue,如何引入样式文件
Vue,如何引入样式文件
|
3天前
|
JavaScript
|
2天前
|
JavaScript 开发工具 git
大事件项目40---Vue代码里如何引入相对路径图片
大事件项目40---Vue代码里如何引入相对路径图片
|
2天前
|
JavaScript
vue滚动到页面底部时加载
vue滚动到页面底部时加载
5 1
|
3天前
|
JavaScript
Vue搭配ELEMENT组件,路由不能正确跳转bug
Vue搭配ELEMENT组件,路由不能正确跳转bug
Vue搭配ELEMENT组件,路由不能正确跳转bug
|
2天前
|
JavaScript 前端开发
一个好看的vue admin模板
这是一个关于Vue管理模板的引用,提到了[PanJiaChen](https://github.com/PanJiaChen/vue-admin-template)在GitHub上的`vue-admin-template`项目。该项目是一个前端管理模板,链接指向了详细的资源。页面中还包含了一张图片,但markdown格式中无法直接显示。简而言之,这是关于一个基于Vue的后台管理界面模板的参考信息。
|
2天前
|
JavaScript
vue知识点
vue知识点
6 0
|
3天前
|
JavaScript
|
3天前
|
JavaScript
Vue搭配ELEMENT之后,右侧点击栏点击跳转到空白页解决方法
Vue搭配ELEMENT之后,右侧点击栏点击跳转到空白页解决方法