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

vue.js入门基础

fishenal Web前端工程师
难度中级
时长 1小时50分
学习人数
综合评分9.17
315人评价 查看评价
9.4 内容实用
9.2 简洁易懂
8.9 逻辑清晰

讲师回答 / fishenal
Uglifyjs报错,是用于压缩js代码的工具,错误在src/main.js这个文件里。测试的时候没报错是因为跑测试服的时候没过uglify压缩。重新搞一套模版吧,你是标准的vue-cli下下来的模板应该没错,看看是不是有什么地方被动过,或者uglify版本过低之类的。

讲师回答 / fishenal
fragment instance 是说一个组件缺少根节点, 两个并列的元素散在那,在一些场景下会报错。前面的意思是,div上的id属性被忽略,由于组件是fragment instance

讲师回答 / fishenal
使用vue-router必须有router-view作为路由的挂载点,如果你想条全新页面就是你开始有一个空页面,里面只有一个router-view。但我看你的意思可能是,想做多页面应用,就是A和B是完全不同的页面,所有的请求重来,打包的时候也分开两个,那么你可以试试这个:https://github.com/Plortinus/vue-multiple-pages 这是一个基于vue的多页面应用架构,单页多页混合应用

讲师回答 / fishenal
脚手架那套系统帮你模块化,比如每个页面都是一个组件,可以抽象出共用组件分给不同页面用。直接引用其实也能做,你也得搭一套js的模块化,再放到你的index.html,功能是一样的,自己设计一套也挺麻烦,要考虑很多问题。脚手架有一个统一的入口main.js,你引入router,resource,vuex很方便,也很清晰,你的方式项目庞大以后,容易乱。脚手架提供了测试服,你现在用的是单机版,测试服在本地监听端口进行测试,可以使用ajax请求,可以将请求代理到web端接口进行联调。webpack配合vue单文件,...

讲师回答 / fishenal
你这里两个问题,console里的报错,就是你npm run dev起不了,是因为端口号被占用,就是原来的项目还没kill掉,新项目起不了。第二个页面报错,看起来应该是import关键词的问题,'import比如在顶级模块', 在代码里检查一下import,看是不是在什么不该有的地方出现了

讲师回答 / fishenal
es6语法,js模块化,导出一个模块,一个文件就是一个模块,你这边export,那边import。传统AMD规范一般是module.export, 以及 require。default是指导出的模块是默认的,你同样也可以指定名称

讲师回答 / fishenal
整个vue是一个组件树,app.vue一般是项目的根节点,只有它被实例化了,它下面的都是枝叶组件,是通过components选项一层一层叠加到根节点的。其实vue-cli生成的项目里,页面渲染的只有index.html,根目录下的,app.vue和其他的vue都是vue插到页面里的。

讲师回答 / fishenal
store.js是自己创建的,我后来github上没有,是因为localStorage我用了一个库,vue-localStorage,就不需要store.js,之前的store.js据反映有一些问题

讲师回答 / fishenal
怎么会存在跨域问题呢,如果你要跟后端不同域名的地址联调,你可以使用proxy代理,在node server里配置。如果是上线,web端和前端分属两个域名,也没什么必要,非要做的话,nginx之类的也都有反向代理可以设置。

讲师回答 / fishenal
https://github.com/fishenal/Todos_Vuejs 代码在前面已经发了好几次了,这是经过vue2.0修改以后的,也有一些优化

讲师回答 / fishenal
webstorm我没用过,但是npm的包嵌套层级很深,@3.0还有很多引用链接,可能运算量太大卡住了。btw,用sublime多好

讲师回答 / fishenal
就按步骤一步一步来,主要都是一些基于node开发的前端工具,方便你项目开发调试的,你就想学vue也可以直接下下来引入到你的页面,使用vue的接口方法,不过这样对项目开发没什么意义

讲师回答 / fishenal
vue-cli是自动热加载的,不用刷新,你看下console里有没有报错,这个写法没什么问题,是最基本的

讲师回答 / fishenal
必须可以实现啊,info都拿到了对象的值肯定能取到,检查拼写
课程须知
1. 有html,css,js前端开发基础 2. 了解前端工程化,node,webpack gulp等 3. 对前端模块化有基本的概念 4. es6 的一些基本语法
老师告诉你能学到什么?
1. vuejs的背景及其项目相关知识 2. 了解流行的前端项目搭建方式 webpack + gulp 3. 用 vue-cli 脚手架工具初始化vue项目 4. 学习vue项目基本的结构和开发方法 5. 学习使用vuejs常用的接口和方法 6. 教程中教你如何在一个项目中使用vuejs

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消