导图社区 Vue
一套用于构建用户界面的渐进式JavaScript框架,本图是个人整理的Vue学习笔记,欢迎交流。
大二下学期学期计划,分别有蓝桥杯(SMART)、关于四六级的计划(SMART)、身体健康(SMART)、关于阅读的目标(SMART)、实习准备(SMART)、大学课程的学习(基于SMART原则),欢迎交流。
《思想道德与法治》第三章思维导图,包含章节基本内容和文字表述题重点内容(高亮部分)。具体表现为:突破陈规,大胆探索,敢于创新的思想观念;不甘落后、奋勇争先、追求进步的责任感和使命感;坚韧不拔、自强不息、锐意进取的精神状态。
社区模板帮助中心,点此进入>>
互联网9大思维
组织架构-单商户商城webAPP 思维导图。
域控上线
python思维导图
css
CSS
计算机操作系统思维导图
计算机组成原理
IMX6UL(A7)
考试学情分析系统
Vue
初识Vue
一套用于构建用户界面的渐进式JavaScript框架
构建用户界面
渐进式
自底层向上逐层去应用
JavaScript
特点
采用组件化模式,提高复用率,切让代码更好维护
声明式编码,让编码人员无需直接操作DOM,提高DOM
命令式编码
命令式编程是一种编写代码的方式,其中程序员指定代码运行的具体步骤。
在命令式编程中,程序员必须提供程序执行的每一个步骤,以及每个步骤执行的条件和顺序
声明式编码
程序员将重点放在描述程序应该做什么,而不是如何实现它。
在声明式编程中,程序员只需定义所需的输出,而不需要指定生成输出所需的详细步骤。
使用虚拟DOM+优秀的Diff算法,尽量复用DOM节点
学习Vue前要有JavaScript基础
ES6语法规范
ES6模块化
包管理器
原型、原型链
数组常用方法
axiospromise
Vue官网常用功能
子主题
初识Vue工作原理
Vue的本质还是JS
想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象
el
data
容器里的代码依然符合html规范,只不过插入了一些特殊的Vue语法
容器里的代码称为“Vue模板”
解析流程
先有容器,后有Vue实例
在Vue实例中,运行了el配置后,对该配置指定的容器进行解析
Vue实例检查有没有自己设置的特殊语法
按语法规则处理模板
用处理结果替换原始容器
规则
一个Vue实例只能和一个容器对应
一个Vue实例还可以有很多手下
真是的开发中只有一个Vue实例,并且配合着组件一起使用
Vue模板语法
插值语法
功能
用于解析标签体的内容
写法
{{XXX}},XXX是JS表达式,且可以直接读取到data中的所有属性
指令语法
用于解析标签(包括“标签属性、标签体内容、绑定事件.......)
Vue中有很多指令,且形式都是”v-????“