码迷,mamicode.com
首页 > 其他好文 > 详细

v2.0

时间:2017-07-14 09:56:29      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:标签   2016年   项目   数据   计算属性   line   指令   out   http   

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

标签:标签   2016年   项目   数据   计算属性   line   指令   out   http   

原文地址:http://www.cnblogs.com/zhihou/p/7168239.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!