文章分类 -  Vue2.0

摘要:目录(?)[+] 目录(?)[+] Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十二)打包项目图片等资源的处理 前情回顾 在《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十)打包项目并发布到子目录》章节中,我们讲 阅读全文
posted @ 2017-09-16 22:05 疯狂的tiger 阅读(110) 评论(0) 推荐(0)
摘要:目录(?)[+] 目录(?)[+] Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十一)阶段性小结 前情回顾 去年写的那一套东西,虽然我也写得非常的认真,但是其中还是有点绕了。当时水平不行。现在我重新整理出来的博文如下,希望对各位有所帮助。 Vue2+Vue 阅读全文
posted @ 2017-09-16 21:58 疯狂的tiger 阅读(88) 评论(0) 推荐(0)
摘要:Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十)打包项目并发布到子目录 前情回顾 通过上一章《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(九)再把内容页面渲染出来》的学习,我们其实已经完成了我们设想的项目的开发。 阅读全文
posted @ 2017-09-16 21:54 疯狂的tiger 阅读(120) 评论(0) 推荐(0)
摘要:Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(九)再把内容页面渲染出来 前情回顾 在上一篇博文《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(八)渲染一个列表出来先》中,我们已经成功的把一个列表给渲染出来了。我们从文 阅读全文
posted @ 2017-09-16 21:28 疯狂的tiger 阅读(104) 评论(0) 推荐(0)
摘要:Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(八)渲染一个列表出来先 前情回顾 在上一篇博文《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(七)初识 *.vue 文件》中,我们队 vue 组件应该有了一个简单的认识。 阅读全文
posted @ 2017-09-16 21:17 疯狂的tiger 阅读(112) 评论(0) 推荐(0)
摘要:Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(七)初识 *.vue 文件 前情回顾 在上一篇文章《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(六)将接口用 webpack 代理到本地》中,我们顺利的将接口代理到了本 阅读全文
posted @ 2017-09-16 20:59 疯狂的tiger 阅读(111) 评论(0) 推荐(0)
摘要:Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(六)将接口用 webpack 代理到本地 前情回顾 在上一篇博文《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(五)配置 Axios api 接口调用文件》中,我们已经非 阅读全文
posted @ 2017-09-16 16:54 疯狂的tiger 阅读(167) 评论(0) 推荐(0)
摘要:Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(五)配置 Axios api 接口调用文件 前情回顾 在上一篇《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(四)调整 App.vue 和 router 路由》,我们通过 阅读全文
posted @ 2017-09-16 16:34 疯狂的tiger 阅读(128) 评论(0) 推荐(0)
摘要:Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(四)调整 App.vue 和 router 路由 前情回顾 在上一篇《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(三)认识项目所有文件》,我们已经重新整理了我们的目录结 阅读全文
posted @ 2017-09-16 16:26 疯狂的tiger 阅读(119) 评论(0) 推荐(0)
摘要:Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(三)认识项目所有文件 在《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(二)安装 nodejs 环境以及 vue-cli 构建初始项目》中,我们通过安装 nodejs 系 阅读全文
posted @ 2017-09-16 13:39 疯狂的tiger 阅读(140) 评论(0) 推荐(0)
摘要:Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(二)安装 nodejs 环境以及 vue-cli 构建初始项目 Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(二)安装 nodejs 环境以及 vue-cli 构建初始项 阅读全文
posted @ 2017-09-16 13:33 疯狂的tiger 阅读(118) 评论(0) 推荐(0)
摘要:Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(一)基础知识概述 基本理念 通过对接 cnode.js 的公开 api 的列表,以及详情页面,实现一个超小型的项目实战,尽可能的掌握 vue 的项目入门的各项关键配置。 本系列博文不涉及 vuex 的内容。因为这 阅读全文
posted @ 2017-09-16 13:02 疯狂的tiger 阅读(121) 评论(0) 推荐(0)
摘要:Vue.js 轻量高效的MVVM框架(十二、组件动态切换) 在写html的过程中,我们经常会遇到要写tabs的切换,类似于这样: 在vue中,我们也有自己的组件和属性来实现这样的效果,这个东西我们叫做动态组件。 html: <h3>动态组件</h3> <!-- 定义三个temp模板,用于切换 --> 阅读全文
posted @ 2017-09-16 11:53 疯狂的tiger 阅读(171) 评论(0) 推荐(0)
摘要:Vue.js 轻量高效的MVVM框架(十一、使用slot分发内容) #单个slot html: <h3>#单个slot</h3> <!-- 定义child01模板 --> <template id="child01"> <div>this is temp01 component!</div> <sl 阅读全文
posted @ 2017-09-16 11:50 疯狂的tiger 阅读(102) 评论(0) 推荐(0)
摘要:Vue.js 轻量高效的MVVM框架(十、父子组件通信) #1、父链 html: <h3>#父链</h3> <div> <div>子组件可以用 this.$parent 访问它的父组件。根实例的后代可以用 this.$root 访问它。父组件有一个数组 this.$children,包含它所有的子元 阅读全文
posted @ 2017-09-16 11:45 疯狂的tiger 阅读(182) 评论(0) 推荐(0)
摘要:Vue.js 轻量高效的MVVM框架(九、组件利用Props传递数据) #使用props传递数据 html:传递普通的字符串 <h3>#使用props传递数据</h3> <div id="dr01"> <div>组件实例的作用域是孤立的。这意味着不能并且不应该在子组件的模板内直接引用父组件的数据。可 阅读全文
posted @ 2017-09-15 17:14 疯狂的tiger 阅读(144) 评论(0) 推荐(0)
摘要:Vue.js 轻量高效的MVVM框架(八、使用组件) 什么是组件? 组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形 阅读全文
posted @ 2017-09-15 17:12 疯狂的tiger 阅读(181) 评论(0) 推荐(0)
摘要:Vue.js 轻量高效的MVVM框架(七、表单控件绑定) 话不多说,先上完整代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="js/vue.js"></script 阅读全文
posted @ 2017-09-15 16:41 疯狂的tiger 阅读(175) 评论(0) 推荐(0)
摘要:Vue.js 轻量高效的MVVM框架(六、Class与Style绑定) 这个相对来说简单,看一遍代码就懂。 一、完整片段: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src= 阅读全文
posted @ 2017-09-15 15:17 疯狂的tiger 阅读(171) 评论(0) 推荐(0)
摘要:Vue.js 轻量高效的MVVM框架(五、计算属性) #基础例子 <div id="dr01"> <h4>#基础例子</h4> <div> num01={{num01}}, num02={{num02}} <p>num01: vm定义的属性,num02:计算出来的属性</p> </div> </di 阅读全文
posted @ 2017-09-15 15:05 疯狂的tiger 阅读(230) 评论(0) 推荐(0)