VUE入门实例,模版组件用法。

有很多例子是官网改的,大家可以去官网
http://vuejs.org.cn/guide/components.html#Props

这里每一个例子可以直接拷进body运行。
本系列为学习记录,并非大神教学案例。
仅仅整理用法,至于VUE的原理,设计模式等等暂不讨论,文中如有不对,还请大家帮忙指正,万分感激。
下一篇会写父子组件交互。
这里是针对于vue1.0,如果要学2.0,建议大家去看官方文档
vue2.0 http://vuefe.cn/guide/
vue-router2.0https://router.vuejs.org/zh-cn/essentials/getting-started.html

第一种
//首先,别忘了引入vue.js
// 页面结果
yuxie weiliang age 33
第二种

data里面可以仿佛初始化的数据,然后new的时候,里面的数据会覆盖之前的,可以当做是默认数据

 
// 页面结果
yuxie weiliang age 888888
第三种,使用了html模版
//容器
//模版 //js // 页面结果
yuxie weiliang age 33

你可能感兴趣的:(VUE入门实例,模版组件用法。)