第一次接触神奇的前端框架vue.js

前言

    入手2016最火前端框架之一vue.js。大概从网上找了些资料看了下vue.js，从网上的资料来看只能惊叹其发展速度太快，让我意外的是其作者是华人的前提下作品这么受欢迎。 网上的博客和教程各种组合。以至于我都有些感觉out。各种vue+webpack、vue+react、vue+es6+npm等等。琳琅满目。真是三天不学习赶不上刘少奇。

    开篇主要是初次了解下vue.js，包括v-model、v-if、v-else、v-show、v-for(2.0对$index和$key舍弃，2.0要用index属性语法为  v-for="(person,index) in persons")、v-on。 

看图

看代码

 
 
 
 
 



 
 
 

 
New Person
 
 ID
 
 
 
 Name:
 
 
 
 Age:
 
 
 
 Sex:
 
 Male
 Female
 
 
 
 
 ok
 
 
 
 
 

 

 

 
Id
 
name
 
age
 
sex
 
 
 

 

 
{{person.id}}
 
{{person.name}}
 
{{person.age}}
 
{{person.sex}}
 
delete
 
update
 
 
 
 

 
 

参考资料:

https://cn.vuejs.org/v2/guide/routing.html

https://www.jb51.net/article/98791.htm

https://www.jb51.net/article/96426.htm

本文已被整理到了《Vue.js前端组件学习教程》，欢迎大家学习阅读。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。