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>
原文地址:https://www.cnblogs.com/grhino/p/8547066.html
时间: 2024-11-08 21:31:26