01Vue初体验

1.使用vue的时候要准备好一个容器

<div id="root">

</div>

2.然后创建Vue的实例，写在script标签里面，直接new一个Vue即可，接着在其中传入一个配置对象，Vue实例的写法如下：

new Vue（{}）   //注意V要大写，括号里面要写对象

3.配置对象里面要写el、data等

new Vue({
		el:'#demo', //el是element的缩写，用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串。
		data:{ //data中用于存储数据，数据供el所指定的容器去使用，值我们暂时先写成一个对象。
            name:'atguigu',
            address:'北京'
        }
})

4.在真实的开发中，只有一个Vue实例，并且会 配合组件一起使用。

5.Vue实例和容器是一一对应的关系，一个Vue实例挂载一个容器，被挂载的容器中可以使用插值语法来展示Vue实例中声明好的数据，即为{{xxx}}，{{xxx}}中的XX要写js表达式，并且XXX可以读取data中的所有属性， 也就是说，只要在Vue实例中的data里面写好的，直接用{{xxx}}就可以调用了

<div id="root">
	{{name}}   //双括号就是插值语法
</div>

​ 注意区分：js表达式 和 js代码(语句)

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

​ (1). a

​ (2). a+b

​ (3). demo(1)

​ (4). x === y ? ‘a’ : ‘b’

​ 2.js代码(语句)

​ (1). if(){}

​ (2). for(){}