摘要: 路由的过渡动画:让路由有过渡动画,需要在<router-view>标签的外部添加<transition>标签,标签还需要一个name属性。 css过渡类名:组件过渡过程中,会有四个CSS类名进行切换,这四个类名与transition的name属性有关,比如name=”fade”,会有如下四个CSS类 阅读全文
posted @ 2017-09-08 22:38 蓝色帅-橙子哥 阅读(2254) 评论(0) 推荐(0) 编辑
摘要: vue-router是一个插件包,所以我们还是需要用npm/cnpm来进行安装的:npm/cnpm install vue-router --save-dev。 在路由的核心文件:src/router/index.js分析: router-link制作导航:导航链接,我们只要点击就可以实现页面内容的 阅读全文
posted @ 2017-09-08 22:15 蓝色帅-橙子哥 阅读(661) 评论(0) 推荐(0) 编辑
摘要: QQ登录 微信登录 阅读全文
posted @ 2017-09-08 20:14 蓝色帅-橙子哥 阅读(326) 评论(0) 推荐(0) 编辑
摘要: 默认会被渲染成一个标签--> Home About ... 阅读全文
posted @ 2017-09-08 20:11 蓝色帅-橙子哥 阅读(762) 评论(0) 推荐(0) 编辑
摘要: 组件标签是Vue框架自定义的标签,它的用途就是可以动态绑定我们的组件,根据数据的不同更换不同的组件。 阅读全文
posted @ 2017-09-08 15:36 蓝色帅-橙子哥 阅读(4071) 评论(0) 推荐(0) 编辑
摘要: 我们知道父组件是使用props传递数据给子组件,如果子组件要把数据传递回去,怎么办? 那就是要自定义事件!使用v-on绑定自定义事件 每个Vue实例都实现了事件接口(Events interface), 即 使用$on(eventName) 监听事件 $emit(eventName) 触发事件 阅读全文
posted @ 2017-09-08 15:08 蓝色帅-橙子哥 阅读(4449) 评论(0) 推荐(0) 编辑
摘要: 动态prop: 静态prop: 阅读全文
posted @ 2017-09-08 15:03 蓝色帅-橙子哥 阅读(4136) 评论(0) 推荐(0) 编辑
摘要: 简单理解其实组件就是制作自定义的标签,这些标签在HTML中是没有的。 组件注册的是一个标签,而指令注册的是已有标签里的一个属性。在实际开发中我们还是用组件比较多,指令用的比较少。 全局注册: 局部注册: 阅读全文
posted @ 2017-09-08 14:54 蓝色帅-橙子哥 阅读(529) 评论(0) 推荐(0) 编辑
摘要: vue生命周期 {{a}} 我是内容二 阅读全文
posted @ 2017-09-08 00:02 蓝色帅-橙子哥 阅读(381) 评论(0) 推荐(0) 编辑
摘要: create 和 mounted 相关: beforecreated:el 和 data 并未初始化 created:完成了 data 数据的初始化,el没有 beforeMount:完成了 el 和 data 初始化 mounted :完成挂载 dom元素已经加载到HTML中 destroy 相关 阅读全文
posted @ 2017-09-08 00:01 蓝色帅-橙子哥 阅读(221) 评论(0) 推荐(0) 编辑