摘要: 用vue-cli构建了项目之后在webstorm开发,用npm run dev跑本地服务,经常修改之后在浏览器刷新没反应,偶尔才会有刷新,需要重新跑一遍npm run dev才会更新,这是怎么回事呢? webstorm保存的时候会先保存到旧时文件中,其实并没有真正保存,要在setting->stys 阅读全文
posted @ 2017-02-15 10:21 zhaobao1830 阅读(3671) 评论(0) 推荐(0)
摘要: 1、安装vue插件,方法 Setting->Plugins,点击Plugins,在右边输入vue,找到相应插件,然后安装 2、创建vue模板 注意红圈里面的 3、设置vue文件支持的样式 注意:这个设置后没效果,是因为2里面的reformat according to style没有取消掉 4、vu 阅读全文
posted @ 2017-02-15 10:18 zhaobao1830 阅读(432) 评论(0) 推荐(0)
摘要: 参考地址:链接 build webpack配置相关 config webpack配置相关 node_modules npm install 安装的依赖代码库 src 存放项目源码 static 存放静态资源 .babelrc babel的一些配置,大部分浏览器是不能支持ES6的,所以通过babel转 阅读全文
posted @ 2017-02-15 09:38 zhaobao1830 阅读(626) 评论(0) 推荐(0)
摘要: webpack 地址: https://github.com/vuejs-templates/webpack 注意里面的template,用webpack创建的项目,结构就是这样的 阅读全文
posted @ 2017-02-15 09:37 zhaobao1830 阅读(133) 评论(0) 推荐(0)
摘要: Vue-cli是Vue的脚手架工具 vue-cli 地址:https://github.com/vuejs/vue-cli 安装 npm install -g vue-cli 使用 vue init webpack my-project 阅读全文
posted @ 2017-02-15 09:35 zhaobao1830 阅读(215) 评论(0) 推荐(0)
摘要: 1、数据驱动 只要改变数据,Vuejs会通过Directives指令对DOM进行封装,当数据发生变化,会通知相应的DOM进行变化 Vuejs会对DOM进行监听,通过DOMListeners监听视图的变化,通知数据进行改变,这样就实现了数据的双向绑定 数据相应原理 现在有一份a.b的数据,当vue对象 阅读全文
posted @ 2017-02-15 09:32 zhaobao1830 阅读(1459) 评论(0) 推荐(0)
摘要: 当数据发生变化时,ViewModel就会检测到,然后通知相应的View改变 当用户操作View时,ViewModel就会检测到,然后Model,修改相应的数据,最终实现双向绑定 适用场景:针对具有复杂交互逻辑的前端应用;提供基础的架构抽象;通过Ajax数据持久化,保证前端用户体验(好处:当对前端进行 阅读全文
posted @ 2017-02-15 09:26 zhaobao1830 阅读(283) 评论(0) 推荐(0)