vue2
正经散仙儿
这个作者很懒,什么都没留下…
展开
-
vue图片懒加载插件vue-lazyload
插件地址:https://github.com/hilongjw/vue-lazyloaddemo:http://hilongjw.github.io/vue-lazyload/1、安装 cnpm i vue-lazyload -S2、使用main.jsimport VueLazyLoad from 'vue-lazyload'Vue.use(VueLazy...原创 2018-02-27 09:52:58 · 325 阅读 · 0 评论 -
axios使用
axios和vue-resource一样,是一个vue中操作http的插件,遵循promise,vue官方也推荐使用axios。安装axiosnpm i axios -Saxios也是在运行时需要的,所以要保存在dependencies中。引入axiosimport axios from 'axios'Vue.prototype.$http = axi...原创 2018-01-09 10:20:33 · 1588 阅读 · 0 评论 -
vuex的使用
vuex是vue中用来管理状态的一套解决方案,它提供一个数据中心,用以管理所有组件的状态,当应用中的组件越来越多,根据组件的通信机制,消息的传递会变得难以维护,且在视图渲染中出现问题,比如想象一下一个父组件的数据需要传递给子组件,子组件接收到数据后做了该做的处理之后,需要把数据再返回给父组件,同时通知同级兄弟组件,父组件与兄弟组件收到数据后需要对视图做出改变,这一操作使用通信机制将变得非常复杂,不原创 2018-01-10 15:56:10 · 1786 阅读 · 0 评论 -
vue-resource使用
vue-resource是一个http请求插件,遵循promise,类似jquery中ajax操作。 vue-resource已不被官方推荐,官方推荐axios插件来操作http协议。vue-resource中提供的方法 get(url, [options]) head(url, [options]) delete(url, [options]) js原创 2018-01-08 18:16:29 · 8638 阅读 · 0 评论 -
vue2工程
vue当然可以使用script标签引入,不需任何依赖即可按照vue的语法进行使用。但中大型商用项目中,还是建议使用工程化方式使用vue,vue提供了官方脚手架vue-cli,可以快速构建vue项目,脚手架会帮助开发者创建好建议的工程目录、引入相关依赖,利用nodejs环境为vue项目的开发提供最大化的便利。vue-cli倾向于快速构建SPA工程,实际上vue也不一定做成SPA,具体场景具体分析吧。原创 2018-01-04 10:45:04 · 419 阅读 · 0 评论 -
vue工程webpack模板配置说明
vue工程webpack模板下的配置文件非常多,只能在实际开发过程中反复熟悉,才能渐渐体会官方将配置文件拆分细化的合理性。 主要配置文件中代码的作用从网上摘录了比较全的一份注释,做下记录。dev-server.js 开发服务端配置require('./check-versions')() //检查node和npm的版本/*获取config/index.js中的默认转载 2018-01-04 11:19:29 · 523 阅读 · 0 评论 -
vue基础
vue2主要语法点记录。下面的代码是为了速查用法,没有使用脚手架,js为es5写法,没有注意eslink验证。vue实例组件指令自定义指令过滤器watch生命周期vue实例jsvar vm = new Vue ({ el: '#app', data: { msg: 'hello vue' }});console.原创 2018-01-09 17:58:18 · 318 阅读 · 0 评论 -
vue路由
前端路由与后端路由作用是类似的,访问一定规则的url转向至指定的页面,只是后端路由是访问地址后由后端拦截处理后再转向,前端路由是通过不同地址局部切换不同的页面内容。当前后端彻底分离,不使用高级语言编写前端且前端是SPA应用时,就需要前端路由了。至于什么项目适合做成SPA则需要根据实际场景判断了。vue路由引入默认webpack模板已经安装了vue-router包,不使用脚手架可引入v原创 2018-01-05 18:18:58 · 443 阅读 · 0 评论 -
研发阶段模拟接口数据
因为在vue-cli工程中需要创建很多.vue文件,我们希望创建vue文件和创建html、css、js文件一样右键即可选择创建,并且创建的文件中可预先写好模板代码。webstorm-Preferences打开选项界面 选择File and Code Templates,点击绿色加号 填好模板名、文件类型、模板内容 保存之后,需要创建vue文件时,右键New-vue File原创 2018-01-16 17:18:42 · 184 阅读 · 0 评论 -
vue滚动加载插件vue-infinite-scroll
vue-infinite-scroll插件可以无限滚动实现加载更多,其作用是是当滚动条滚动到距离底部的指定高度时触发某个方法。 https://github.com/ElemeFE/vue-infinite-scroll/ https://www.npmjs.com/package/vue-infinite-scroll安装cnpm i vue-infinite...原创 2018-03-02 13:45:09 · 20982 阅读 · 2 评论