一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第1天
一、初识vue
1.想让vue工作，就必须创建一个vue实例，且要传入一个配置对象
2.root容器里的代码依然符合html规范，只不过混入了一些特殊的vue语法
3.root容器里的代码被称为【vue模板】
4.案例分析
先有的div id="root"容器，再有的vue实例。当vue实例开始工作的时候，将上面容器的内容拿过来解析。解析到上面div中有name,即wang。拿着wang把{{name}}替换掉，然后生成一个全新的div id="root"容器。再把解析完的东西重新放到页面上，换掉刚才的整个容器。
vue的模板，模板经过解析，变成了一个正常的html片段，包含了想要的数据。再把解析后的东西放回来。
容器的作用：1).为vue提供模板。2).把vue的工作成果知道往哪里放。
5.容器和实例之间是一一对应的关系
1）多容器对应一个实例--不可以
2）多实例对应一个容器--不可以
3）多个实例多容器--可以，但是注意区分
6.花括号中间可以写什么？( {{}} )
{{xxx}}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性
7.注意区分js表达式 和 js代码
js表达式是一种特殊的js代码
1）js表达式：一个表达式会产生一个值，可以放在任何一个需要值的地方。
共性：拿一个变量在左侧接会得到一个值
a--变量，也算一个表达式
a+b--加法运算表达式
demo(1)--函数调用表达式
x === y ? 'a' :'b'--三元表达式/三目表达式
2）js代码（语句）：不会生成一个值，会控制代码的走向
if(){}--判断语句
for(){}--循环语句
8.真实开发中只有一个vue实例，并且会配合着组件一起使用
9.一旦data中的数据发生改变，那么模板中用到该数据的地方也会自动更新
