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

vue之旅:初识vue

时间:2018-03-12 01:02:50      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:比较   --   代码   size   控制   color   src   body   blog   

vue是一个mvvm框架(库),和angular类似
比较容易上手.小巧

mvc:Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写

而vue是mvvm,m有了,v有了,vm相当于c

vue指令  v-xxx

其实vue就是一片html代码配合上json,再new出来vue实例

适合:移动端项目,小巧

目前vue的发展势头很猛,github上的start数量已经超越angular

注意:与angular的共同点:不兼容低版本ie

 

---------------vue基本雏形-----------------
vue基本雏形

js部分

 1 --js部分--
 2 <script src="vue.js"></script>   
 3 <!--开头引入vue.js-->
 4 
 5 <script>
 6 window.onload = function(){
 7     var c = new Vue({ //json
 8             el:‘#box‘, //element选择器,可以id #box,可以class .box,或者标签名body
 9 
10             data:{  //data是数据部分
11                msg:‘welcome vue‘
12             }
13         });
14       };
15 </script>

 

 

 html部分

1 --html部分---
2 <div id="box">
3     {{msg}}   //这里的msg即为data里的数据msg
4 </div>

 

vue之旅:初识vue

标签:比较   --   代码   size   控制   color   src   body   blog   

原文地址:https://www.cnblogs.com/grhino/p/8547066.html

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