S6新特性 和VUE的个人理解

文章目录

es6新特性
ES6新特性介绍
阮一峰的翻译的ECMAScript 6 入门-图书

增加了 const let修饰
还有map reduce  indexof的替换者includes
包括template(模板字符串（template string）是增强版的字符串，)在模    

板字符串中嵌入变量，需要将变量名写在${}之中
​ 结构{temp.feid}
​ array.forEach(v = > console.log(v));箭头表达式
​ 反引号 ` 来创建字符串反问号创建字符串
​ 美元符号加花括号包裹的变量${vraible}
​
​ 遍历器（Iterator）遍历的是一种规则数据的部署

使用for…of循环，遍历某种数据结构时，该循环会自动去寻找Iterator接口。在ES6中，有三类数据结构原生具备Iterator接口：数组、某些类似数组的对象、Set和Map结构。

S6模块通过export命令显式指定输出的代码，输入时也采用静态命令的形式。
​ export xxx from xxx
​ import xxxx from xxxx
如果只是需要key:value的数据结构，记得使用Map，因为Map有内建的遍历机制。
使用import取代require，使用export取代module.exports。这样可以在编译时就完成模块编译，效率要比CommonJS模块高。

---

• // CommonJS模块

  { stat, exists, readFile }// 等同于let _fs = require('fs');let stat = _fs.stat;let exists = _fs.exists;let readfile = _fs.readfile;

• 无序列表// ES6模块

  { stat, exists, readFile } from 'fs';

vue子模块

vue是基于MVVM设计的js框架.需要注意子模块和父模块的使用
而点vue文件需要在webpack是
Data 是将将原本的值以变成了方法一return来实现值处理和返回值 还有
保证在其他引用的方法的部分不会随着变化独立性更高

vue包括vue vue-cli vuex

而vue是可以
首先是是它的生命周期包括create,mount
注意
在html里面可以用v-if foreach

el	data	compute	methods	watch包括组件元素vue.componet("name",{    template })var a=	({template:return {{ xx:kkkk }})

将你输入的值遍历你的值是<里面 :name=”值”>

<ol>
    <!--
      现在我们为每个 todo-item 提供 todo 对象
      todo 对象是变量，即其内容可以是动态的。
      我们也需要为每个组件提供一个“key”，稍后再
      作详细解释。
    -->
    <todo-item
      v-for="item in groceryList"
      v-bind:todo="item"
      v-bind:key="item.id">
    </todo-item>
  </ol>

Vue.component('todo-item', {
  props: ['todo'],
  template: '<li>{{ todo.text }}</li>'
})

var app7 = new Vue({
  el: '#app-7',
  data: {
    groceryList: [
      { id: 0, text: '蔬菜' },
      { id: 1, text: '奶酪' },
      { id: 2, text: '随便其它什么人吃的东西' }
    ]
  }
})

还包括后面是变量或者表达式没加冒号,后米娜是字符串
v-bind 绑定了vue数据不是普通字符串 :xxx 比如class
v-on:xxx 绑定事件 @click=””
_ dirname 是绝对路径绑定时
v-model
_直接取值使用(或$是在vue实例中因为vue内部与API冲突
./ 可以解释为组件能导入
@/是webpack设置的路径别名
在外界使用组件时需要注册组件 vueload

1、父组件可以使用 props 把数据传给子组件。
2、子组件可以使用 $emit 触发父组件的自定义事件。

vm.$emit( event, arg ) //触发当前实例上的事件

vm.$on( event, fn );//监听event事件后运行 fn；
https://www.tangshuang.net/3507.html
v-bind用于绑定html元素上的attribution 不是双向绑定
v-model主要是用在表单元素中，它实现了双向绑定。