vue的基本知识

1. 在title下引入vue

<script type="text/javascript" src="../js/vue.js"></script>

2. 写一个能接收vue的组件作为容器，其中放置模板代码

    <div id="root">
        <h1>你好，{{name}}</h1>
        <h1>我今年，{{age}}岁</h1>
    </div>

3. 创建vue实例

        //创建vue实例
        //const x = new Vue({  //不需要被接收
        new Vue({……})

4. 在实例对象中传入配置对象

            //指定当前实例为哪个容器服务，值通常为css选择器字符串
            // el:document.getElementById('root')
            el:'#root',

            //data中用于存储数据，数据供el指定的容器使用
            data:{
                name:'mir',
                age:'18'
            }