下载APP

慕课网APP - 随时随地学编程

App Store下载 Android下载

扫描下载慕课网APP

为了账号安全，请及时绑定邮箱和手机立即绑定

【花式填坑第1期】高效的前端开发 · Vue.js

我要回答
/ 猿问

【花式填坑第1期】高效的前端开发 · Vue.js

Vue.js 前端工具
慕女神 2017-04-25 10:37:13

【花式填坑第1期】高效的前端开发 · Vue.js

http://img.mukewang.com/5902b6520001685d07200416.jpg

http://img.mukewang.com/5902b65d0001a18b07200640.jpg

http://img.mukewang.com/5902b6660001032507200593.jpg

http://img.mukewang.com/5902b6720001b8c807201179.jpg


查看完整描述

44 回答

?
幕木_

如何把vue融合进php或java 的项目里？？对这个没什么概念

查看完整回答
30 反对 回复 2017-04-25
  • diyang笛扬
    diyang笛扬
    1前后端分离 2输出数据结构结合vue 3phpjs
    回复 举报 2017-04-25
  • 雪挽
    雪挽
    前后端分离，只要写好前后台接口就好~
    回复 举报 2017-04-26
  • 早起琪辉
    早起琪辉
    现在大部分的互联网公司都是采用前后端分离的做法，这样比较好维护、易管理；后端只管写好接口数据就行，不需要管前端如何实现，剩下的就交给前端去实现吧！
    回复 举报 2017-04-26
点击展开后面3条
?
Arey_jy

有没有vuex 状态管理 的学习清楚点的资料 或者是视频啊


查看完整回答
12 反对 回复 2017-04-27
  • fishenal
    fishenal
    http://vuex.vuejs.org/zh-cn/intro.html 官网就可以
    回复 举报 2017-04-28
  • Arey_jy
    Arey_jy 回复 fishenal
    老师其实我们现在有个问题，就是看多了视频，自己去学习一些文档的时候（如vuex）有很多理解不了的，又有对视频的依赖性了？？
    回复 举报 2017-04-28
  • fishenal
    fishenal
    vuex 确实不好理解，文档和书面教程很容易解释的很复杂，其实最主要的是理解为什么有这么个东西存在吧，我当初也是在实践中才对这套模型有了更深入的认识，项目开发中，模块之间的交互很复杂，相互间增加了很多自定义事件和属性引用，这样功能增多以后发现很难维护，有一种牵一发而动全身的感觉，就是模块之间的解耦做的不好，这种情况下你就很好理解为什么要用vuex了，vuex可以怎么帮助你去解决你的问题，理论落实到实践就能明白了，光去记数据单向流，很难理解。
    回复 举报 2017-04-28
点击展开后面3条
?
万般努力只为出人头地

老师，vue的未来在哪里？目前大部分都是小公司在使用，是目前mv框架里面最容易上手的一个，因为容易上手才会成为最火的框架。vue和react、angular他们的未来如何？

查看完整回答
10 反对 回复 2017-04-25
  • Manes
    Manes
    这么大的问题。。。
    回复 举报 2017-04-26
  • qq_江湖骑士_03701616
    qq_江湖骑士_03701616
    大部分都是小公司？不会吧，那你是不知道有很多牛逼的公司再用。个人觉得市场上的技术有个滞后性，因为很多项目不在乎技术用什么，也不太注重性能如何，所以目前主流还是angular，不过说实话，angular1真的太重，淘汰是迟早的事
    回复 举报 2017-04-26
  • xiehy
    xiehy
    我们就是用的angular2，但是首次加载真的不是那种秒开，这真的是内伤，准备换vue或react
    回复 举报 2017-04-26
点击展开后面2条
?
Tomi

考虑到页面首次加载闪速白屏和SEO问题，把页面放服务端预渲染，这部分工作是否要前端完成？

查看完整回答
6 反对 回复 2017-04-27
  • fishenal
    fishenal
    有必要，vue也提供方法解决了这个问题： 服务端渲染 https://cn.vuejs.org/v2/guide/ssr.html 搭一层node 服务，在页面渲染之前拼出来一个首页，就类似用node做以前php smarty模板的工作，vue这套方法的好处是，模板就用一套，同一个vue组件，可以直接用来服务端渲染，也可以直接拿来前端渲染
    回复 举报 2017-04-28
?
昨夜星辰璀璨

老师 用VUE做PC端 SEO 怎么解决？ 

查看完整回答
6 反对 回复 2017-04-25
点击展开后面4条
?
老猿

请问大公司为什么不用VUE

查看完整回答
6 反对 回复 2017-04-26
点击展开后面2条
?
Manes

老师，我刚开始学习vuejs，可不可以讲讲搭建vue.js的开发环境？

查看完整回答
5 反对 回复 2017-04-28
  • fishenal
    fishenal
    http://www.imooc.com/article/17101 你可以参考这里，linux或mac下的搭建比这个更加简单，主要是那几个工具的安装，还有npm的联网问题的解决。
    回复 举报 2017-04-28
?
xiehy
使用vue＋vue router 做单页面项目会遇到首页加载资源过大的问题，怎么样去实现按模块拆分这个项目（多个单页面项目），并且某些组建可以共用？求各位大牛分享经验，不胜感激！ （Ps：多人开发场景下），
查看完整回答
4 反对 回复 2017-04-26
  • fishenal
    fishenal
    这个问题确实我在课程中没讲到，可以采用异步组件 https://cn.vuejs.org/v2/guide/components.html#异步组件 原来是，异步组件不会打到页面里，但是单独生成一份js，在页面访问的时候异步请求，具体的方法参考上面的文档
    回复 举报 2017-04-28
  • fishenal
    fishenal
    vue-router也有 类似的异步路由的方法，你可以到文档上搜搜
    回复 举报 2017-04-28
?
爱生活爱胖胖

 请问老师，vue.js脚手架项目下下来我看比较复杂，能不能详细说一下呢？现在是二脸懵逼……

查看完整回答
3 反对 回复 2017-04-28
  • 轩痕
    轩痕
    这个你可以查下教程，大把的。入门就拿个简单的项目练手，上手更容易。
    回复 举报 2017-04-28
  • fishenal
    fishenal
    vue-cli生成的项目，其实是跟你带的模版参数有关，最常用的就是webpack那套完整的模版，这套模版也可以在github上找到源码：https://github.com/vuejs-templates/webpack/tree/master/template 这套模版的build目录，包含了构建相关的内容，dev-server是测试服务器，8080端口那个。webpack几个，webpack.base webpack.dev 等等，都是基于webpack.base拼成的webpack打包配置。 build里引用了config目录下的配置，配置也是区分了dev和 prod模式。基本这里所有的，dev模式管的是npm run dev跑出来的东西， prod模式跑的都是npm run build跑出来的东西。 项目外层的package.json 是npm用于打包的配置，index.html是项目的起点，index.html会被原封不动的放到最终目录里，你的项目其实都是这里引用的main.js。 项目的主体，就是src目录，源码目录。src目录下main.js是打包js的起点，在这里引用了根组件，比如App.vue，App.vue在逐层往下引用components里面的组件。 如果需要区分页面也可以把页面放到pages目录下。 src/assets通常是放一些小图片用的。
    回复 举报 2017-04-28
  • 爱生活爱胖胖
    爱生活爱胖胖
    多谢~
    回复 举报 2017-05-03
点击展开后面1条
?
麻溜狗带

能举例说一下vuejs构建组件使用的问题吗？

还有需要注意哪些可能会出现的问题？

查看完整回答
2 反对 回复 2017-04-28
?
慕课网官方_运营中心

 老师你好，请问vue.js比传统的前端开发有哪些优势？

查看完整回答
2 反对 回复 2017-04-28
  • fishenal
    fishenal
    现在的前端页面，以及移动端页面，趋势就是交互越来越复杂，一个功能页面承载的内容非常多，比如各种弹窗，浮层，各种页面组件，选择，控制，条件判断。如果用传统jquery来开发，这个过程会变得非常复杂，哪怕你做好模块化，你也要频繁的于页面进行交互，页面的组件也没法得到很好的整理。 vuejs这类的mv*框架，首先提出来的概念就是数据的双向绑定，js里的数据和页面的展现得到关联，我在修改数据或者处理页面用户输入的时候，不需要像jquery那样去处理绑定的过程，同时也划分了model（数据）层和view（展现）层，使得数据和展现得到解耦。 第二个，模块化，组件的模块化。现在我们看到一个移动端页面，可能内部包含了十个二十个组件，弹窗，浮层，控件等等，每个都可以做独立的模块，用来实现复杂的交互，单页面应用，复杂的功能。用vuejs按照框架指定的模式，可以很方便地实现模块化，在vue里面，每个组件都是一份配置，这份配置就是一个js对象，以组件树的形式，最终汇聚到根组件里，这是一套很好的设计模式，很好的实践。 同时，每个vue组件同时包含了html，css，和js，以前端的三要素组成一个完整的组件。 第三，vuejs有强大的扩展功能，比如vue-router - 实现单页面应用， vue-resource - 后端数据请求， vuex - 页面状态管理，基本现在前端能用到的技术，都可以在vue里面找到扩展，跟这样一些扩展功能组合起来，vuejs就是一个拥有无限可能的全面的前端框架，甚至到服务端渲染，都可以实现。
    回复 举报 2017-04-28
?
traveler过客

如何把vue2，angular4，微信小程序等融入Java项目中，有详细讲解或DEMO最好，谢谢

查看完整回答
2 反对 回复 2017-04-27
?
boolean

请问Vue写的component页面,在经过webpack处理过后,要如何给后端去处理使用??

查看完整回答
2 反对 回复 2017-04-26
  • fishenal
    fishenal
    vue的组件是给前端用的，给后端干嘛，前后端数据交互使用ajax，这就是前后端分离，前后端解耦了。 vue的组件倒也可以直接给后端用，那就是vue提供的服务端渲染功能： https://cn.vuejs.org/v2/guide/ssr.html
    回复 举报 2017-04-28
?
快要坏掉的小海

请问如果我是用django写后台，那么使用vue的话 如何能记住用户的session信息以便下次登录的时候能自动登录？

查看完整回答
2 反对 回复 2017-04-25
  • diyang笛扬
    diyang笛扬
    cookie
    回复 举报 2017-04-25
  • 梦毕生辉丶
    梦毕生辉丶
    localStorage
    回复 举报 2017-04-26
  • fishenal
    fishenal
    你这个问题跟用不用vue没关系，后台这块我也不是很懂，我了解到的应该是在登陆之后把sessionId种到浏览器的cookie里，每次前端请求的时候都去检查这个sessionId， ajax请求的头信息里是带有cookie的
    回复 举报 2017-04-28
?
Yi罐可乐

用 vue-router 从 A 组件跳转到 B 组件的时候，如何把 A 组件里的一些数据传递给 B 组件？

传递 params，query 这些文档上都有，但是没找到如何传递自定义的数据。

如果是 react-router 的话，路由直接的跳转传递数据有对应的 API，vue-router 是没有这个功能吗？

不用 vuex 有什么好的解决方案？

查看完整回答
3 反对 回复 2017-04-25
点击展开后面1条
?
Arey_jy

老师我在vue-cli 打包后 vendor.js 文件过大 ， 将不常用插件提取出来，怎么做呢？？我在网上找没有找到我对应的？？

查看完整回答
1 反对 回复 2017-05-04
?
WorderStart

在vue，react和Angular三大框架中如何选择

查看完整回答
1 反对 回复 2017-04-27
?
孟回头

有这个一个场景，如果线上项目有bug，这时下班了，都回家了！
线上项目，怎么解决bug？

查看完整回答
1 反对 回复 2017-04-26
?
和之韵律

用vue2.0.js开发前端页面时，遇到果transition问题，不是很理解enter和leave这4个class!

查看完整回答
1 反对 回复 2017-04-26
  • 谢南波
    谢南波
    这4个 class 就是4个状态，分别对应“进入前”，“进入后”，“退出前”，“退出后”。
    回复 举报 2017-04-27
?
IMOOC学习

老师，我之前没学过前端框架，请问可以直接上Vue2.0吗？

查看完整回答
1 反对 回复 2017-04-25
  • qq_小绵羊_23541168
    qq_小绵羊_23541168
    你问这个问题应该是还没做多长时间的前端吧。学习可以，其实VUE很吃环境的，除非学了就要硬着头皮去找用这种框架的公司，如果是1线城市的话还好，如果2，3线的话，个人建议三思
    回复 举报 2017-04-25
  • IMOOC学习
    IMOOC学习
    我是学生，谢谢您的回复
    回复 举报 2017-04-25
  • diyang笛扬
    diyang笛扬
    你可以改变公司……
    回复 举报 2017-04-25
点击展开后面3条
首页上一页123下一页尾页
  • 44 回答
  • 17 关注
  • 23466 浏览
我要回答

相关问题推荐

JavaScript 的类型系统包括 7 种基本类型和 7 种语言类型，「7 种语言类型」指的是？
前端效果实现的难易程度
大三实训应该怎样迅速提高技术
this.$props和this都可以取到props里面父组件传过来的值，两者有什么区别吗
vue获取修改后p标签的值
慕课专栏
更多

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信