首页 > 代码库 > v2.0

v2.0

vue 2016年10月份发布2.0版本

实现了数据渲染/数据同步

<div id="app">

  {{message}}

</div>

var app=new Vue({

  el:‘#app‘,

  data:{

    message:‘hello vue!‘

  }

})

结果:hello vue!

组件化/模块化(2种写法)

1:

<my-component></my-component>

Vue.component(‘my-component‘,{

  template:‘<div>A custom component!</div>‘

})

2:

var Child = {
template: ‘<div>A custom component!</div>‘
}
 
new Vue({
// ...
components: {
// <my-component> 将只在父模板可用
‘my-component‘: Child
}
})

其他功能:路由,ajax,数据流

vue实例

new Vue({

  el:‘#app‘,

  data:{

    message:‘Hello Vue.js!‘

  }

})

技术分享

 

vue组件

 

vue指令

内置组件

实例方法

实例选项

实例属性

模板渲染

条件渲染

组件交互

标签属性

事件绑定

计算属性

属性监听

表单

动画

vue-cli项目搭建

vue-router路由

vuex

Node以及npm操作

html,css,js基础

js ES6基础

技术分享

技术分享

 

v2.0