在互联网圈子里，一直以来都存在一个现象：后端看不上前端。总觉得前端是较容易的，事实上也是如此，前端门槛较后端要低一些，但最近几年Web前端技术的发展突飞猛进，出现了很多优秀的前端框架，而众多前端框架中，Vue算得上是最热门的了。基本上各大互联网公司招聘前端都会要求掌握Vue，但不少前端开发者看Vue文档都觉得无从下手，那我们该如何学习Vue框架呢？
Vue框架全称是Vue.js，它是一款MVVM模式的渐进式框架，Vue框架和其它前端框架还是有一些区别的：
1、Vue前端框架并不适合新手学习
Vue框架里使用了很多技术：HTML、CSS、JS基础、ES6、Webpack、npm工具等，现在市面上很多Vue教程都默许你已经掌握了这些知识，如果这些基础知识掌握不牢，那学习Vue框架的难度就较大。
2、Vue框架学习路径
以上就是我的观点，对于这个问题大家是怎么看待的呢？欢迎在下方评论区交流 ~ 我是科技领域创作者，十年互联网从业经验，欢迎关注我了解更多科技知识！
评论0
加载中...
1、Vue前端框架并不适合新手学习
Vue框架里使用了很多技术：HTML、CSS、JS基础、ES6、Webpack、npm工具等，现在市面上很多Vue教程都默许你已经掌握了这些知识，如果这些基础知识掌握不牢，那学习Vue框架的难度就较大。
2、Vue框架学习路径Vue框架基础知识：插值表达式、数据绑定（v-html、v-text、v-bind、v-model）、事件绑定（v-on）、样式绑定、循环（v-for）、显示与隐藏（v-if、v-show）、过滤器（filters）、监听器（watch）、计算属性（computed）等；
组件：组件定义与使用、父子组件间的通信；
路由的使用：VueRouter；
网络请求：axios的使用；
状态管理(全局数据)：Vuex；
Vue CLI脚手架的使用；以上知识掌握后就要多实践，找一个网页一步步去实践开发。
评论0
加载中...
前端vue框架可以去Bilibili上免费学习呀。
由于IT行业的迅猛发展，IT相关的培训机构也是比较多的。每家机构课程体系、授课模式等等皆大有不同，与其纠结选择机构不如静下心好好自学一下。B站基本上每一家培训机构的课程都有的，资源还是比较丰富的。如果你不知道哪家课程比较优质且适合自己的话可以嫌弃选择2-3家机构的课程听听看，选择适合自己的。
众多培训机构中小编也给你小主推荐一套不错前端Vue框架视频，可以了解一下。
反正这个男人我是“爱了”呀……☺️????
明明可以靠脸吃饭……请收下小编的膝盖❤️
如若不喜也可以自己去B站选择适合的。
Bilibili直达链接：https://www.bilibili.com/video/BV1Zy4y1K7SH
评论0
加载中...
前端程序员四年
关注Web前端进阶指南，跟程序员小强一起学习前端
如何学习Vue框架？我来说说我当时怎么学的？
首先请允许我讲一下大道理哈：
1、要明白库和框架的区别
2、要明白设计思想
3、然后去掌握基础，随后做项目实操
这玩意吧，说白了库就是你写代码的时候要使用的，就像JQuery，我要写某种效果的时候，直接拿过来某个函数或方法，例如：slideToggle()、fadeIn()、hide()等等一系列的方法，库里已经帮你封装好了，你拿过来直接使用就行。用不用是你的事，用了也不影响你的代码。
库是将代码集合成一个产品，库是我们调用库中的方法实现自己的功能。
而这个框架呢，是一个领域，是一套完整的解决方案，你用就得全部用，而且得按照框架规定的写代码，由不得自己乱来，你乱来你就得不到想要的效果。
框架帮我们调用，框架是库的升级版。
说设计思想有点不准确，准确来说应该是架构模式，但我用设计思想来表达什么呢？就是要明白Vue如何运行的，实现原理是什么？
1、MVC
这是我们学编程的时候经常听到的一句话，用到框架时少不了它，那它究竟是何意呢？
Model 数据模型（专门用来操作数据，数据的CRUD）
View 视图（对于前端来说，就是页面）
Controller 控制器（是视图和数据模型沟通的桥梁，用于处理业务逻辑）
这就是MVC的来源，将程序划分为三大块，每块都有自己的功能，但有缺点，前端写页面，加效果的时候，需要把所有的DOM操作写在页面中，频繁的操作代码，不仅让页面变得沉重起来，也让工作了加大了不少。
2、MVVM组成
Vue就是基于MVVM模式实现的一套框架
M：model数据模型，如对象，数组等等。
V：view视图
VM：ViewModel 视图模型
VUE允许你将一个网页分割成可复用的组件，每个组件都包含属于自己的HTML、CSS、JAVASCRIPT以用来渲染网页中相应的地方。虽然没有完全遵循 MVVM 模型，Vue 的设计无疑受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的简称) 这个变量名表示 Vue 实例。
不要在想着怎么操作DOM，而是想着如何操作数据！！！在那刚开始学习的时候，你会感觉到很浓的数据绑定的语法，我相信你会喜欢上他的。
看完了上面的内容，就要带着思想去学习，坚持就是胜利！
我刚开始学习的时候，看了一些设计原理，思想，觉得挺不错，说白了就是了解一下市场，然后上Vue官网看教程，真的很详细，我觉得啥也不懂代码的人也能跟着学起来，踏实的走一遍，切记中间不要停顿，我之前就是，学一半，中间隔了好几个月，然后又重头学的。
通过官网的教程可以非常容易的入门vue,然后试着自己写界面！平时用H5写页面，学会它，就可以把h5页面用Vue写，熟练了就好了，这样就算是半个Vue实操者了。
接下如果公司有项目，就要大胆尝试，我当初公司有项目，还好实操了，不过刚开始贼费劲，不少麻烦人。
如果没有，网上有教程，全套的，可以自己购买下载学习。
关注Web前端进阶指南，跟程序员小强一起学习前端，我会一步步的让小白进阶前端。
关于“请问如何学习前端Vue框架？”的问题回答完了。如果你觉得我的回答对你有用，请关注一下点个赞，后续我会继续输出科技方面的文章问答哒，谢谢哦！
评论0
加载中...
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
在进行Vue项目开发过程中，我们可以通过script标签引入式写法来引入vue或者是nodejs自带的包管理工具npm安装vue。并且通过new Vue（）进行新建一个Vue的实例对象，其下有很多属性，包括el、data、methods、computed、watch等等，el为指向页面的节点元素，data存储数据，数据类型包括simple datatype（简单数据类型）以及complex datatype（复杂数据类型），用插值表达式{{}}显示，在插值显示的时候，不需要写上data，methods内存储方法，通过fn（）的形式调用方法，computed内存储也是方法，但是其为计算数据，复杂逻辑的应该存储在computed中，计算属性是基于它们的依赖进行缓存的，由于computed带有一层缓存，所以只有在它的相关依赖发生改变时才会重新运行，而methods则是调用一次生成一次，computed中的方法调用时不需要加（）的，watch为监听，监控，监听data中的属性值也可以监控对象，存在两个参数（currentValue当前值和prevValue之前值）。
在Vue中，html的任何属性都不能用{{}}（插值表达式）来进行设置，要用v-bind：来进行属性绑定，v-bind：可以简写为 ：，当我们需要对事件进行监听的时候需要用v-on：来进行事件绑定，v-on：可以简写为@，v-once单次渲染，v-html渲染html，在input、select、textarea中我们可以用v-model：进行双向数据绑定，可以用v-for进行数据循环，v-if/v-else-if/v-else进行数据判断，利用v-show显示与隐藏DOM节点，在Vue中还存在很多修饰符如取消事件冒泡（.stop），回车键（.enter），空格键（.space），取消默认事件（.prevent）等等，可以对DOM设置ref属性进行本地指向，类似于id，当我们对一个对象进行v-for循环时要对该对象设置key值，起到标识唯一性，便于检测以及提高性能的作用。
在Vue的实例对象下面还存在很多钩子函数，总体分为三大块（创建、更新、销毁）：
1、创建阶段，存在beforeCreate(){}、created(){}、beforeMount(){}、mounted(){}等钩子函数；
2、更新阶段，存在beforeUpdate(){}、updated(){}等钩子函数；
3、销毁阶段，存在beforeDestroy(){}、destroyed(){}等钩子函数；上述钩子函数不包括全部，一个生命周期内存在很多钩子函数，不能一一列举。
以上就是我对Vue基础知识技术的总结，Vue项目开发部分留待Vue项目开发技术总结。
评论0
加载中...
首先要学习前端页面重构。包括PC端网站布局、HTML5+CSS3基础、WebApp页面布局等等，打好前端开发的基础。然后要学JavaScript高级程序设计、PC端全栈开发的知识。包括原生JavaScript交互功能开发、面向对象进阶与ES5/ES6/ES7应用、JavaScript工具库自主研发、jQuery经典交互特效开发、PHP+MySQL后端基础、前端工程化与模块化应用等。前面的知识都掌握了，就可以学框架、混合开发了。包括Node.js后端开发、Vue.js前端框架、React前端框架、混合开发(Hybrid,RN)、Angular前端框架等等。
评论0
加载中...
10
回答5
回答10
回答10
回答10
回答10
回答1
回答10
回答2
回答1
回答
