Vue学习笔记第一天--es6

es6

webpack-ES6的处理

ES6的模块,vue本身默认支持es6的模块导入导出
babel
- babel-loader(内部依赖babel-core)
  - 关键字(presets es2015)
  - 函数(plugins babel-plugin-transform-runtime)

ES6中的模块

默认
- 导入import [,..xxx] [,..from] './xxx.ext'
- 导出 export default obj;
声明式
- 1导出 export var obj = xxx;
- 2导出 export var obj2 = {};
- 3单独导出 export {stu};
- 导入 import {obj,obj2,stu} from './xxx.js'; 直接使用obj
全体
默认导出和声明式导入在使用上的区别
- 要注意，声明式导入的时候，必须{名称} 名称要一致（按需导入)
- 默认导入，可以随意的使用变量名

{
default:"我是默认导出的结果"    import xxx from './cal.js'会获取到整个对象的default属性
obj1:"我是声明式导出1"
obj2:"我是声明式导出2"
obj3:"我是声明式导出3"     import {obj1,obj2}
obj4:"我是声明式导出4"
}import * as allObj from './cal.js';  获取的就是一整个对象

import 和export一定写在顶级，不要包含在{}内

ES6中的代码变化

对象属性的声明

    var name = 'abc';var person = {name}; 简写-> var person = {name:name};声明函数 var cal = {add:function(){return 1;},add2(){return 2;},add3:funtion(n1,n2){return n1 + n2;},add4(n1,n2){  干掉了functionreturn n1 + n2;}}

当属性的key和变量的名相同,而要使用变量的值做value,
就可以简写{name}->{name:name}
es6中的函数声明 () {}

Vue学习笔记第一天--es6相关推荐

Vue学习笔记（三）Vue2三种slot插槽的概念与运用 | ES6 对象的解构赋值 | 基于Vue2使用axios发送请求实现GitHub案例 | 浏览器跨域问题与解决
文章目录一.参考资料二.运行环境三.Vue2插槽 3.1 默认插槽 3.2 具名插槽 3.3 作用域插槽 ES6解构赋值概念 & 作用域插槽的解构赋值 3.4 动态插槽名四.GitHu ...
Vue学习笔记（三） —— 前后端交互
简介本文主要是为了介绍前端交互的相关知识,而严格来讲,这也不算是Vue的专属知识,但是却是必须要指定的.本文开始简单说了ajax.jquery 的方式,但是随着SPA开发模式的大火,相继出现了一些新 ...
Vue学习笔记(2) 在html文件中创建Vue实例，并使用http-vue-loader注册单文件组件
本篇博客基于Vue2.x 官方文档:https://cn.vuejs.org/v2/guide/instance.html 最近和同学合作一个设备信息管理的小项目,而同学找的模板不是前后端分离的因此 ...
vue 学习笔记第无弹
1. 在 webpack 中配置 .vue 组件页面的解析运行cnpm i vue -S将 vue 安装为运行依赖: 运行cnpm i vue-loader vue-template-compile ...
Vue学习笔记进阶篇——Render函数
本文为转载,原文:Vue学习笔记进阶篇--Render函数基础 Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML.然而在一些场景中,你真的需要 JavaScript 的完全编 ...
Vue学习笔记（五）—— 状态管理Vuex
介绍 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式.它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化.Vuex 也集成到 Vue 的官方调试 ...
Vue.js 基础语法入门语句 Vue学习笔记 v-model 双向数据绑定
Vue.js 基础语法,入门语句,Vue学习笔记学习网站:https://www.bilibili.com/video/BV15741177Eh vue 的体验响应式:数据一旦改变,视图就会响应改 ...
「Vue 学习笔记 1」Vue 项目快速搭建，初始项目各个文件夹作用介绍和启动代码执行流程分析
「Vue 学习笔记 1」Vue 项目快速搭建,初始项目各个文件夹作用介绍和启动代码执行流程分析前言一.我的开发环境二.使用 Vue CLI (Vue 脚手架)快速搭建项目三.初始项目的目录结构 ...
Vue学习笔记: Vue + Element-ui搭建后台管理系统模板
Vue学习笔记: Vue + Element-ui搭建后台管理系统模板技术:Vue + Element-ui 功能:后台管理系统基础模板,路由配置,加载页面进度条,请求响应拦截器的封装等页面预览: ...

Vue学习笔记第一天--es6

es6

webpack-ES6的处理

ES6中的模块

ES6中的代码变化

Vue学习笔记第一天--es6相关推荐

最新文章

热门文章