一.安装vue
初学者可根据b站中的视频进行学习安装,当然如果你想要按照文档安装的话也可以,两种选择看自己的想法。
二.了解vue.js和vue.min.js
1.在学习vue前我们需要获得两个vue.js和vue.min.js文件。
2.首先我们要知道,vue.js和vue.min.js的区别,前者是开发版本,后者是生产版本。vue.js是完整的未压缩的文件,文件的体积较大,一般用作阅读与开发,并不适合上线项目。
3.vue.min.js恰恰相反,min代表着最小值,它是经过压缩得来的,虽然它得到了压缩,但是功能和vue.js完全一样,只是将一些空白字符,注释等逻辑无关的内容删除,然后进行一些优化。
4.如果你是初学者,建议你使用vue.js版本文件。
二.Vue实例
1. 想要让Vue发生工作,就必须创建一个vue实例,并且要传入一个配置对象。
2.
3.Vue实例是和root一一对应的,el:"#root",是接收div中id的值
5.真实开发中只有一个Vue实例,并且会配合着组件一起使用
6.{{name}} 中的name不是不变的,里面可以写js表达式,而且他可以读取到data中的属性,前提是代码无误
7.
8.当data中的数据发生变化的时候,root内的内容也会跟着发生变化。data是vue实例的数据对象,直白点就是存数据的地方,想要使用的时候,直接引用即可
总结:实现一个简单的vue案例,需要知道vue该怎么创建,创建之前需要的条件,初看与js相似,个人建议初学者先掌握好js基础和html和css,再进一步学习vue