随笔分类 -  Vue

Vue2.0总结———vue使用过程常见的一些问题
摘要:Vue目前的的开发模式主要有两种: 1.直接页面级的开发,script直接引入Vue 2.工程性开发,webpack+loader或者直接使用脚手架工具Vue-cli,里面的文件都配置好了 webpack可以进行配置,配置多文件入口,进行多页面开发 第二种Vue开发,结合webpack打包完文件会很 阅读全文

posted @ 2017-03-12 22:32 夏至未至~ 阅读(36795) 评论(0) 推荐(1)

Vue2.0与 [百度地图] 结合使用———vue+webpack+axios+百度地图实现组件之间的通信
摘要:Vue2.0与 [百度地图] 结合使用: 1.vue init webpack-simple vue-baidu-map 2.下载axios cnpm install axios; 3.在main.js中引入axios,并使用 import axios from 'axios' /* 把axios对 阅读全文

posted @ 2017-03-12 22:25 夏至未至~ 阅读(16267) 评论(1) 推荐(0)

自定义vue全局组件use使用、vuex的使用
摘要:自定义vue全局组件use使用(解释vue.use()的原理)我们在前面学习到是用别人的组件:Vue.use(VueRouter)、Vue.use(Mint)等等。其实使用的这些都是全剧组件,这里我们就来讲解一下怎么样定义一个全局组件,并解释vue.use()的原理而我们再用Axios做交互,则不能 阅读全文

posted @ 2017-03-12 21:51 夏至未至~ 阅读(25810) 评论(2) 推荐(1)

Vue2.0的变化(2)———vue2.0动画的变化、vue-2.0路由的变化
摘要:之前讲解的都是vue1.0的使用,现在我们开始介绍vue2.0,这里的介绍是在vue1.0的基础上进行介绍的,主要介绍的是同vue1.0版本相比2.0的变化 vue2.0动画的变化:现在变成: <transition> 运动东西(元素,属性,路由.....); </transition> class 阅读全文

posted @ 2017-03-12 11:35 夏至未至~ 阅读(4025) 评论(0) 推荐(0)

Vue2.0的变化(1)——vue2.0组件定义/生命周期/循环/自定义键盘/过滤器/组件通信的变化
摘要:之前讲解的都是vue1.0的使用,现在我们开始介绍vue2.0,这里的介绍是在vue1.0的基础上进行介绍的,主要介绍的是同vue1.0版本相比2.0的变化 vue2.0的变化1.在每个组件模板中,组件的定义有一点变化且不再支持片段代码 之前可以写片段代码: <template> <h3>我是标题< 阅读全文

posted @ 2017-03-12 10:55 夏至未至~ 阅读(2741) 评论(0) 推荐(0)

Vue1.0学习总结(5)———vue-router的使用
摘要:vue-router的使用:vue—>适合在单页面的应用,即适合SPA开发 vue-resource: 交互 vue-router: 路由 下载:因为这里用的是vue1.0,所以下载vue-router0.7.13版本,后面会继续讲解vue2.0 查看版本信息:bower info 包名 下载:bo 阅读全文

posted @ 2017-03-12 10:14 夏至未至~ 阅读(4244) 评论(0) 推荐(0)

Vue1.0学习总结(4)———Vue1.0自定义组件、Vue1.0组件之间的通信、slot的使用
摘要:Vue自定义组件: 组件:就是一个大的对象:new Vue({})就是一个组件定义一个组件:1.全局组件: <div id="box"> <aaa></aaa> </div> var Aaa=Vue.extend({ template:'<h3>我是一个标题</h3>' }); Vue.compon 阅读全文

posted @ 2017-03-11 22:00 夏至未至~ 阅读(2977) 评论(0) 推荐(0)

Vue1.0学习总结(3)———vue1.0的生命周期、vue计算属性computed的使用、vue实例(vm)上方法总结、vue结合动画使用
摘要:vue的生存周期:(1.0版本) vue自身提供钩子函数: 1)created-->实例已经创建(实例创建完成执行) 2)beforeCompile-->在实例编译之前执行 3)compiled-->在编译之后执行 4)ready-->把数据插入到文档中时执行 相当于jquery中的window.o 阅读全文

posted @ 2017-03-11 21:05 夏至未至~ 阅读(6621) 评论(0) 推荐(0)

Vue1.0学习总结(2)———交互(vue-resoucre的使用)
摘要:vue1.0的交互:vue-resoucre的使用 angular:$http (ajax对象) vue想做交互:必须引入另一个库vue-resoucre(vue本身不支持交互) 方法:在没有使用vue-cli的时候要放在服务区环境下,如放入php的环境中 格式: this.$http.get('/ 阅读全文

posted @ 2017-03-11 18:09 夏至未至~ 阅读(1292) 评论(0) 推荐(0)

Vue1.0学习总结(1)———指令、事件、绑定属性、模板、过滤器
摘要:vue: 一个mvvm框架(库),和angular相似 比价容易上手,小巧 vue与angular 的区别: vue——简单,易学 指令以v-xxx; 一片html代码,配合上json,再new出来vue示例 是个人维护项目 适合:移动端项目,小巧 vue的发展的势头很猛(github上) angu 阅读全文

posted @ 2017-03-11 16:49 夏至未至~ 阅读(5756) 评论(0) 推荐(0)