随笔分类 - Vue
摘要：vue+elementUI 工程准备 根据之前创建vue-cli项目一样再来一遍 创建项目 1． 创建一个名为 hello-vue 的工程 vue init webpack hello-vue 2． 安装依赖，我们需要安装 vue-router、element-ui、sass-loader 和 no
阅读全文
摘要：Vue-router Vue Router是Vue.js官方的路由管理器（路径跳转）; 包含的功能有: 嵌套的路由/视图表 模块化的,基于组件的路由配置 路由参数、查询、通配符 基于Vue.js过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的CSS class的链接 HTML5历史模式或ha
阅读全文
摘要：Webpack WebPack 是一款模块加载器兼打包工具，它能把各种资源，如 JS、JSX、ES6、SASS、LESS、图片等都作为模块来处理和使用。 webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler) 安装 npm install webpack
阅读全文
摘要：Vue-cli vue-cli 官方提供的一个脚手架,用于快速生成一个 vue 的项目模板; 预先定义好的目录结构及基础代码，就好比咱们在创建 Maven 项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架,我们的开发更加的快速; 主要的功能: 统一的目录结构 本地调试 热部署 单元测试 集成
阅读全文
摘要：计算属性的重点突出在属性两个字上(属性是名词)，首先它是个属性其次这个属性有计算的能力(计算是动词)，这里的计算就是个函数;简单点说，它就是一个能够将计算结果缓存起来的属性(将行为转化成了静态的属性)，仅此而已;可以想象为缓存! 将不经常变化的东西用计算属性缓存起来，减小系统开销 <!DOCTYPE
阅读全文
摘要：Slot插槽，自定义事件 在Vue.js中我们使用 元素作为承载分发内容的出口，作者称其为插槽 自定义事件 数据项在Vue的实例中，但删除操作要在组件中完成，那么组件如何才能删除Vue实例中的数据呢?此时就涉及到参数传递与事件分发了，Vue为我们提供了自定义事件的功能很好的帮助我们解决了这个问题;使
阅读全文
摘要：Axios Axios是一个开源的可以用在浏览器端和NodeJS 的异步通信框架，她的主要作用就是实现AJAX异步通信，其功能特点如下: 从浏览器中创建XMLHttpRequests 从node.js创建http请求 支持Promise API [JS中链式编程] 拦截请求和响应 转换请求数据和响应
阅读全文
摘要：组件是可复用的Vue实例，说白了就是一组可以重复使用的模板 在实际开发中，我们并不会用以下方式开发组件，而是采用vue-cli创建.vue模板文件的方式开发，以下方法只是为了让大家理解什么是组件。 <!DOCTYPE html> <html lang="en"> <head> <meta chars
阅读全文
摘要：概述 MVVM：Model View ViewModle 双向绑定 Vue.js 就是一个MVVM的实现者，他的核心就是实现了DOM监听与数据绑定 轻量级，体积小是一个重要指标。Vue.js 压缩后有只有20多kb (Angular 压缩后56kb+ , React压缩后44kb+ ) 移动优先。更
阅读全文