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

vue.js入门基础

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

讲师回答 / fishenal
准确的说是使用vue-cli 搭建项目的时候需要nodejs。你也可以用script标签引入vue.min.js这样的,没人拦你,在js里实例化vue,也行。使用node有几件事,打包部署,解析vue单文件组件,解析每个vue模块,拼在一起,转码es6,less,等,启动测试服务器localhost8080, 帮你管理 vue-router,vue-resource这些插件,直接拿来用。也就这些好处吧,这都是所谓前端工程化,是发展趋势,掌握这些东西也能提升你在职场的身价。

已采纳回答 / fishenal
我不知道你这个提示是什么情况下产生的webpack的配置本身就在build目录下,你自己写放在根目录下也不会去跑切换模式已经都集成在脚本的参数里了,肯定不需要你改代码,比如 npm run build --production 这样,具体什么参数要看,我这是瞎写的

讲师回答 / fishenal
现在不光是vuejs,你用angular,react哪个不要nodejs基础,现在就算不用前端框架,你的项目也可以用webpack模块化,es6转码babel, less,jade这些,都是用node实现的编译。老板让你搭一套前端架构不用node和npm,说不过去吧。之用html,css,js,jquery,最大的问题是开发效率太低,你花一个礼拜搭出一套前端系统,接下来一个页面开发只要几个小时,你没有前端系统,你每个页面都要一天,而且系统足够复杂的话,你会发现你根本维护不了整站,很麻烦,效率很低,耦合很严...

讲师回答 / fishenal
要进到有package.json这个文件的项目目录里,你这显然不对,进去如果还不行报错也不会是这个,还不行的话贴一下

已采纳回答 / fishenal
你现在vue的代码高亮方案可能不是vue的或者这套方案有问题,红色的v-bind可能正好和当前的高亮配上了,而v-for则识别不出来,红色的我猜是识别出这么写不对,要改成xmlns:v-bind,我也不知道这是什么语法,或者什么框架里的。不用管这些,最终,localhost跑出来的就是你这份代码,没报错就证明没问题

讲师回答 / fishenal
不知道你的问题解决了没有,我在你上个问题里回答了,data这么赋值是不行的。export的是一份对象。不过你可以看这里 http://vuejs.org/v2/api/#Options-Data // must use function when in Vue.extend()var Component = Vu...

讲师回答 / fishenal
怀疑报错是因为字符有中文的, 这个写法本身没问题不显示是因为return对象那个函数没执行用deepferry提供的方法直接给data赋值,前提是这个组件只在一个地方用,用一次用vue-cli生成的脚手架,用第一种方式,为组件设置属性,标准做法

讲师回答 / fishenal
编辑器要下载vue语法高亮插件,vue文件浏览器识别不了,你要用vue-cli里面的测试server,通过localhost:8080访问

讲师回答 / fishenal
https://github.com/fishenal/Vuejs-SalePlatform

讲师回答 / fishenal
系统环境变量里,要有全局 npm 目录<...图片...><...图片...>环境变量这块你可以搜搜,windows 环境变量,另外,要保证 c盘下面这个appData 一直到npm 都有权限,目录权限

讲师回答 / fishenal
你这种用法没接触过, 可能是data后面那个方法没执行, es6里面的 data() {} 是自执行的,这种以前的写法并不是,根节点你直接把data改成一个对象赋值,试试

讲师回答 / fishenal
脚手架工具有升级,现在 index.html是一个div,在main.js 把app组件塞进去,原来是index.html里面就直接写了个组件,既然改过了,新版的肯定更合理
课程须知
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下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消