我的第一个vue

来源:互联网 发布:网易popo mac 编辑:程序博客网 时间:2024/06/05 18:37

vue:现在最火的是一个构建数据驱动的 web 界面的渐进式框架,Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。在vue官网看到三个vue的特点,第一,简单;第二,灵活;第三:性能;vue=HTML+json;

例子:

   <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/vue.js" ></script>
<script>
    window.onload=function(){
       var  c=new Vue({
           el:'#box',//获取到ID为box的元素
           data:{
              msg:'welcome vue'//此处的msg绑定html中的msg
           }
       });
    
    };
</script>
</head>
<body>
<div id="box">
{{msg}}<!--此处的msg和data中的msg进行了绑定-->
</div>
</body>
</html>