简介
- JavaScript框架
- 简化dom操作
- 响应式数据驱动
官网：vue官网
文章图片
然后在vscode里面创建一个项目，并且引入开发者文档
文章图片
文章图片
- 然后在body里面创建一个div，设置一个id
- 再在script标签里面，实例化一个vue的对象
- vue对象中的 el 相当于选择器（跟css类似）表示操作的范围
- data代表的是数据（用json的方式）
文章图片
浏览器就会将双括号｛｛｝｝里面的内容替换为“你好vue”
文章图片
总结
- 使用vue只需要引入官网上面的框架就行，开发者版本更利于学习，生产版本类似之前jquery的.mini文件，没有提示等信息
- el：el是vue里面类似选择器（和css一样，可以类选择，id选择，标签选择）的东西，代表这一个vue对象作用的范围
- el挂载点的作用范围：1）el命中的元素，及其内部的元素2）可以设置很多dom元素，但是不包括body和html元素
- data数据对象：数据对象里面可以有不同的数据类型，包括：字符串，数组，对象，还有html元素； 使用对象可以用 .符号，例：student.name（会选择student对象里面的name属性）； 使用数组可以直接通过下标的方式，例：array[0]；
推荐阅读
- vue.js|vue组件间通信方式（父子通信、兄弟通信、跨级通信）
- 前端|《前端》vue的自我修养（webpack版）--export ，export default 和 import 区别以及用法
- javascript基础|javascript 数组去重常用方法汇总
- 单元测试|什么是单元测试，如何去写一个单元测试
- HtmlAgilityPack中使用xpath获取属性值
- ajax|Ajax跨域和同源的问题
- javascript|比较for、for...in、for...of、forEach的区别
- Node.js|Express框架概述
- vue.js|加载页面全局设置spinning