讲师回答 / fishenal
webpack 和 gulp 是两种东西webpack是帮助你解析文件里的css,html,js,图片等,通过一定的规则,把这些模块拼到一起。gulp是自动化工具,管理自动化流程,比如,我的项目先webpack打包,再放到一个目录,再启动一个server,这个流程是怎么样的,我有哪些任务。和webpack类似的,你可以用browerify,vue-cli也提供 webpack 模板和browerify模板两种。发展上来看webpack的潜力大一点,用的人也多。
2016-12-07
讲师回答 / fishenal
项目源码是es6,打包以后就是原来的es5,你可以看一下build后面的js代码但是vue框架本身确实只支持ie9以上,这是vue自己的机制决定的
2016-12-06
讲师回答 / fishenal
脚手架生成的默认项目都是支持热更新的热更新的代码在 webpack.dev.conf.js 下面,确保你的项目是npm run dev 启动的,应该就没问题我看到你的项目还启用了e2e和test,可以在初始化的时候关闭试一试
2016-12-06
实现双向数据绑定,目前主要有三种方式:脏检查、观察机制、封装属性访问器
脏检查:框架将所有需要监控的属性放在一个序列中,当发生特定事件时,遍历整个序列,对被监控的属性做对比,如果发生变化,则调用相应的处理函数。
观察机制:通过 Object.observe() 「已废弃」方法对对象进行监控,一旦其发生变化,将会执行相应的handler。
封装属性访问器:使用 Object.defineProperty 将对象的属性转换为 getter/setter ,当依赖项的 setter 被调用时,会通知 watcher 重新计算,从而致使它关联的组件得以更新。
脏检查:框架将所有需要监控的属性放在一个序列中,当发生特定事件时,遍历整个序列,对被监控的属性做对比,如果发生变化,则调用相应的处理函数。
观察机制:通过 Object.observe() 「已废弃」方法对对象进行监控,一旦其发生变化,将会执行相应的handler。
封装属性访问器:使用 Object.defineProperty 将对象的属性转换为 getter/setter ,当依赖项的 setter 被调用时,会通知 watcher 重新计算,从而致使它关联的组件得以更新。
2016-12-06
讲师回答 / fishenal
vue 本身是通过npm装的不用git,vue-cli需要git去下载webpack这样的模板你最好不要在c盘,你到你的文件盘先创建好项目目录,然后cd到特定的目录下,再用vue-cli初始化项目,这样初始化的项目就会根据你指定的项目名生成特定的目录,项目文件就在那里
2016-12-06
NPM是NodeJS下的一个包管理工具,它可以很方便的帮你管理(可以简单理解为下载)各类前端的框架或插件,类似于PHP的composer,Twitter 的 Bower 一样。使用Vue不需要安装NodeJS,这里下载NodeJS只是为了使用其内置的NPM工具,所以不需要你有任何的NodeJS基础,只需要运行 npm install vue 命令,即可把 Vue 的最新版本下载至 node_modules 文件夹。如果你只是想手动引入 Vue ,只需要在「https://vuejs.org/js/vue.js」进行下载,或者通过CDN进行引入 「www.bootcdn.cn/vue/」。
2016-12-06