初始vue

 

el 中  #root 的  # 对应div标签中的 id。

 data  中用于存储数据,数据供el所指定的容器去使用,

 

<!--
初始vue:
1.想让vue工作,就必须创建一个vue实例,且要传入一个配置对象;
2.root容器里的代码依然符合html规范,只不过混入了一些特殊的vue语法;
3.root容器里的代码被称为【vue模板】;
4.vue实例和容器是一一对应的;
5.真实开发中只有一个vue实例,并且会配合着组件一起使用;
6.{{xx}}中的xx要写js表达式,且xx可以自动读取到data中的所有属性;
7.一旦data中的数据发生改变,那么页面中用到该数据的地方也会自动更新;

注意区分:js表达式 和 js代码(语句)
1.表达式:一个表达式会产生一个值,可以放在任何一个需要值的地方:
(1).a
(2).a+b
(3).demo(1)
(4).x === y ? 'a' : 'b'

2.js代码(语句)
(1).if(){}
(2).for(){}

-->

 

posted @ 2022-03-03 15:10  冰溏  阅读(30)  评论(0编辑  收藏  举报