初识vue

1. 想要使用vue首先要创建一个vue实例，并且要传入一个配置对象
2. 容器的代码依然要符合html规范，执笔过混入了一些特殊的vue语法
3. 容器中的代码被称为vue模板
4. vue实例和容器是一一对应的
5. 真实开发中只有一个vue实例，并且会配合着组件一起使用
6. {{xxx}}中的xxx要写js表达式，并且xxx可以自动读取到deta中的所有属性
7. 一旦data的数据发生改变，那么页面中用到该数据的地方也会自动更新

注意区分：js表达式和js语句（代码）

1. 表达式：一个表达式会产生一个值，可以放在任何一个需要值的地方

• ：a
• ：a+b
• ：dome（1）
• :x===y ?'a':'b'（三元表达式）

2. js语句（代码）

• if(){}
• for(){}

简单实例

<h1 id="root">hello,{{name.toUpperCase()}}</h1><!-- 使用大写的word -->
    <script type="text/javascript">
        Vue.config.productionTip=false//阻止vue在启动时生成生产提示
        new Vue({
            el:'#root',//找到对应实例（挂载）
            data:{//用于储存数据，数据供el实例使用
                name:'word',
                address:'北京'
            }
        })
    </script>