Vue.js的旅程,初步认识Vue.js

  • 什么是Vue?我认为它是一个通过类似于json的东西来操作html界面的这么一个框架 。
  • jQuery我一直认为是个库,它无非是把js简写了,特别在dom操作上,让你感觉到$布满了代码世界,我不否认它的好,再好它也只是把js简写而已 。
  • 而vue是带着我们从另一个面去看网页设计,它弱化了dom上的感觉,加强了html界面上的操作 。
一、 我们开始去认识Vue吧,为了便于学习,我们还是用链接网络上的vue.js形式去学习吧 。
Vue.js的旅程,初步认识Vue.js

文章插图
 
二、创建一个盒子box等下我们就用vue对它进行操作 。
Vue.js的旅程,初步认识Vue.js

文章插图
 
三、这就是一个简单的vue构造 。
Vue.js的旅程,初步认识Vue.js

文章插图
 
四、我们把vue捆绑到html元素中 。
Vue.js的旅程,初步认识Vue.js

文章插图
 
五、试着对html界面进行修改 。
Vue.js的旅程,初步认识Vue.js

文章插图
 

Vue.js的旅程,初步认识Vue.js

文章插图
 
六、数据不仅可以一个,也可多个,怎么样,感觉和js的取得dom对象再进行innerHTML操作相比,让你几乎感受不到了DOM的存在 。
Vue.js的旅程,初步认识Vue.js

文章插图
 

Vue.js的旅程,初步认识Vue.js

文章插图
 
七、除了可以放数据,还可以放函数事件 。
Vue.js的旅程,初步认识Vue.js

文章插图
 
【Vue.js的旅程,初步认识Vue.js】八、我们做个简单的返回数据的函数吧 。
Vue.js的旅程,初步认识Vue.js

文章插图
 

Vue.js的旅程,初步认识Vue.js

文章插图
 


    推荐阅读