一、 什么是懒加载 懒加载也叫延迟加载，即在需要的时候进行加载，随用随载。 二、为什么需要懒加载 在单页应用中，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，延时过长，不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载用时 三、如何与webpack配合实现组件懒加载 1、在webpack配置文件中的output...
component 使用component的注册1.全局注册使用用Vue.component(componentName,{template:<div class="tem1">hello world</div>})在初始化实例之前。componentName自定义名称在实例声明的作用域下中使用<componentName></componentName> 成功渲染效果就是 <div class="tem1">hello world</div>Vue.component(my-component,{ template:<div class="tem1">hello world</div> } 组件中的数据使用 component不能使用实例的data ，但是...
前言 这里讲的主要是想谈谈基于Vue的一个组件开发。不得不说的一点就是，在实际的Vue项目中，页面中每一个小块都是由一个个组件（.vue文件）组成，经过抽离后，然后再合并一起组成一个页面。由于上家公司我负责多的是可视化这一块的开发，这边我也将带着大家进行一个Vue项目中的可视化组件的开发，这里用到的框架将是主流的可视化框架highcharts。 一、Vue环境的搭建 1、Mac用户 首先安装包管理homebrew /usr/bin/ruby -e "$(curl ...
真正的模块化 前端模块化很早就开始了，无论是 require.js，browserify 进行模块化打包， 还是 Angular 进行依赖注入，我们都可以把JS代码分成一个个小的模块并组装起来。然后我们还会通过 less 或者 sass 来把CSS文件也拆成一个个小的模块来写，甚至我们在CSS代码中感受到了 封装，继承，多态 等面向对象的特性。 然而，在 webpack 出来之前，我们所谓的模块化根本不能算作模块化。为什么这么讲，因为我们存在一个重要的问题没有解...
什么是组件：组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。如何注册组件？需要使用Vue.extend方法创建一个组件，然后使用Vue.component方法注册组件。Vue.extend方法格式如下： var MyComponent = Vue.extend({// 选项...后面再介绍 }) 如果想要其他地方使用这个创建...