自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 模块化开发详细介绍及详细用法

vue的三个特点:Ø MvvmØ 组件化Ø 模块化 模块化是指文件的组织,管理,使用的方式 。 代码的开发阶段:把一个大的文件,拆分成几个小文件,它们之间相互引用,依赖。代码发布之后:把这些小文件打包成一个大文件webpack。 1.1. 为什么要用模块化开发 以下面代码为例:这个index.html文件中一共引入了8个 js文件。  这样组织至少会有两个问题:(1)全局变量污染(2)文件之间相互...

2018-05-25 23:53:19 2424

原创 组件之间的数据的传递 - 子传父详细解析

1.1.1. 目标 1.1.2. 步骤1.1.2.1. 在父组件中在子组件上添加事件监听格式 代码  上面的addmsg是在父组件中收到了子组件发布这个事件后,要做的事情,所以还要定义一个方法:  1.1.2.2. 在子组件中,某一个时间通过this.$emit发出这个事件 在子组件,点击按钮之后,执行函数,在函数代码中,通过this.$emit方法向父组件发送这个事件。 此时,定义在父组件中的a...

2018-05-24 23:01:43 429

原创 vue组件之间数据的传递 - 父传子详解

简单一点, 把根组件作为父组件。1.1.1. 父子之间不能正常共享数据的  1.1.2. 父组件把数据传递给子组件: 步骤步骤:1.1.2.1. 在父组件中,正常定义自己的数据。  1.1.2.2. 在父组件的模板中通过属性绑定把数据绑定到子组件上。1.1.2.3. 在子组件中定义props属性。用来接收父组件传递的数据。 在props中定义的属性,是专门用来从父组件中去获取数据的,定义好了之,就...

2018-05-24 22:56:53 4999

原创 this详细解析和如何确定this的值

1.1. this是什么?   Ø 在 js中this是一个对象。Ø 它的值是不确定的,只有在代码运行的过程中才能确定this的值。Ø 它的值不能手动更改。 1.2. this的难点 Ø 到处都有this只要你可以写js代码的地方,就可以使用thisØ this的值是动态变化的Ø 你可以修改this这个对象的某个属性,但不能修改this的值   1.3. 确定this的值使用this有两种大类: ...

2018-05-23 23:37:10 925

原创 闭包 (closure)的讲解--应用案例(二)

1.1.1. 经典应用1:实现节流函数在mui的buffer()函数中,我们提到了节流函数。节流函数就是一个函数在指定的时间间隔内,只能被调用一次。 例如,f函数,在1000ms内,只能调用一次。换句话,此时你调用f,则下一次再调用要等1000ms。本质上就降低函数执行的频率。  要求:1000ms内只能执行一次f. 改进如下: 上面的代码起到了降频的效果。 分析: Var f = A():执行完...

2018-05-22 19:47:25 325

原创 闭包 (closure)详细解释(一)

1.1. 定义在A函数中定义一个B函数(函数的嵌套定义),在B函数中使用了A函数中的变量,就会产生闭包。具体来说,就是B就是一个闭包。 注意:1.嵌套定义2.引用变量 1.2. 用debuuger去观察闭包 如果没有变量引用,则也不会看到闭包。1.3. 闭包的作用是什么?延长变量生命周期。 上面的代码中,闭包B会延长变量i的生命周期,它有能力可以让i活的更久一些。这里的i 是A的局部变量,它正常的...

2018-05-22 19:37:55 16931 1

原创 vue-router 路由详解及在项目中的使用详情及细节

我们要实现单页应用程序,所以我们要学习路由。 1.1. SPAsingle-page application,单页应用。一个应用程序只有一个页面。单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 Web 应用。它将所有的活动局限于一个Web页面中,仅在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成了,S...

2018-05-21 16:42:06 13763 3

原创 如何使用Vue-cli脚手架工具+webpack快速搭建项目结构及项目结构分析及项目打包发布详细步骤

Vue-cli脚手架工具简介为了更加地方便我们去开发vue的应用程序,vue它提供一套工具,你可以通过vue-cli去快速地构造你的项目结构。Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页(spa)应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。1.步骤1.1全局安装 vue-c...

2018-05-21 09:56:07 1134

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除