要使用Vue来帮助我们开发那么第一步理所当然是:引入
1.Vue核心库的引入
通过script标签进行引入 src后的路径可以是本地的文件路径也可以是CDN的在线链接
2.准备容器
这里的选择器可以是id或是类选择器都无所谓一般来说我们会声明一个以id为选择器id名为app的div作为容器,至于为什么叫app会在我们学会使用Vue进行组件化开发后就会了解了
3.new 一个Vue实例对象(我们一般称为vm)
4.使用Vue.js的一些细节
想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象;
1.el配置项里写的是作为容器的那个div的css选择器
2.root容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法;
3.root容器里的代码被称为【Vue模板】;
4.Vue实例和容器是一一对应的;
5.真实开发中只有一个Vue实例,并且会配合着组件一起使用;
6.{{xxx}}中的xxx要写js表达式,且xxx可以自动读取到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(){}
这个root就是我们的容器而且值得注意的是这里的命名都是首字母大写的当我们进入Vue-cli后使用组件化开发这个问题会更加明显