vue属性简介

vue的环境下载网址：https://nodejs.org/en/
vue是渐进式（易用、灵活、高效）JavaScript框架，所谓渐进式就是没有太多限制的框架
vue的cdn可以下载也可以直接引用：<script src="https://cdn.jsdelivr.net/npm/vue"></script>
如果使用cdn的话一定先实例化一个vue对象
html
  :
<!--vue-app是根容器-->
<div id="vue-app">
    <h1>{{name}}</h1>
    <h1>{{greet('afternonn')}}</h1>
    <a v-bind:href="website">web开发</a> (绑定url v-bind:)
    <input type="text" v-bind:value="job"> (绑定url v-bind:)
    <p v-html="websiteTag"></p>将js中的链接v-html的方式显示在前端
</div>
js
 ：
// 实例化一个vue对象
new Vue(
    {
        el:'#vue-app',
        // el:element需要获取的元素，一定是html中的根容器
        data:{
            name:'米斯特吴'
        }
    methods:{
    //用来各种方法（属性）
        greet:function(){
        //接受
        reture 'Good Morning!'    
    }
    }
        // data:用户数据的存储key和values
    });
    methods:{

            greet: function (time) {
                return 'Good  '+time+' '+ this.name+' '+this.job+'!';

            }
        }
        // data:用户数据的存储key和values
    });
vue其实是将所拥有的内容放到虚拟道，通过虚拟道的操作插入到前端！
js中的element只能控制htmlde根容器中的元素例如上面的name