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

vue.js入门基础

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

讲师回答 / fishenal
这是你在初始化项目的时候,vue init ... 的时候选择了使用eslint。eslint是代码格式检查工具,这边的报错是类似少空格,缺换行之类的。

讲师回答 / fishenal
视频里用的是vue1.0,现在是vue2.0新版的项目参考这个,我更新过https://github.com/fishenal/Todos_Vuejs

讲师回答 / fishenal
https://github.com/fishenal/Todos_Vuejs 发了好几遍了,这个版本是vue2.0 跟视频里有些不同

讲师回答 / 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插到页面里的。

最赞回答 / horan_geeker
你可以装一个vue的插件,你应该是在用idea吧,file->settings->plugins 搜索 vue 安装
课程须知
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
提交
取消