vue的第一个程序（包括简介）

 

简介

• JavaScript框架
• 简化dom操作
• 响应式数据驱动

二、第一个vue程序

在vue官网点击《起步》

官网：vue官网

然后在vscode里面创建一个项目，并且引入开发者文档

 

•  然后在body里面创建一个div，设置一个id
• 再在script标签里面，实例化一个vue的对象
• vue对象中的 el 相当于选择器（跟css类似）表示操作的范围
• data代表的是数据（用json的方式）

浏览器就会将双括号｛｛｝｝里面的内容替换为“你好vue”

 

总结

1. 使用vue只需要引入官网上面的框架就行，开发者版本更利于学习，生产版本类似之前jquery的.mini文件，没有提示等信息

2. el：el是vue里面类似选择器（和css一样，可以类选择，id选择，标签选择）的东西，代表这一个vue对象作用的范围

3. el挂载点的作用范围：1）el命中的元素，及其内部的元素2）可以设置很多dom元素，但是不包括body和html元素

4. data数据对象：数据对象里面可以有不同的数据类型，包括：字符串，数组，对象，还有html元素； 使用对象可以用 .符号，例：student.name（会选择student对象里面的name属性）； 使用数组可以直接通过下标的方式，例：array[0]；