1 .Vue 的特点
1 ) JavaScirpt 框架
2 ) 简化Dom 操作
3 ) 响应式数据驱动 (页面是由数据来生成 当数据改变 页面也会同步更新)
2 . 建议 el:挂载点注意点:
el:"Id选择器" 使用Id选择器
什么是挂载?
将组件渲染, 并且构造DOM元素然后塞入页面的过程称为组件的挂载
1 ) el作用是用来 设置 Vue实例挂载(管理)的元素
2 ) Vue 实例的作用范围是什么?
Vue 会管理el选项命中的元素 及其内部的后代元素
3 ) 是否可以使用其他选择器?
可以使用其他的选择器, 但是建议使用ID选择器
4 ) 是否可以设置其他的dom元素?
可以使用其他的双标签, 不能使用 HTML 和 Body
3 .Vue中用到的数据定义 在 data 中
data 中是可以写 复杂类型的 数据
渲染复杂类型数据的时候, 需要遵守 Js 的语法即可
4. Vue指令
{{}} 叫做插值表达式
v-text:
v-text 指令的作用: 设置标签的内容(textContent)
指令会替换标签内的全部内容, 而使用 插值表达式则可以替换指定内容
v-html 与 v-text
5 . 什么叫做双向数据绑定?
这个双向数据绑定的前提 是UI控件 Vue 是一个MVVM框架, 即数据双向绑定, 当数据发生变化, 视图也发生变化 , 反之亦然
为什么要实现数据的双向绑定?
为了更方便我们处理表单 在Vue 中 使用Vuex实际上数据还是单方向的
在全局性数据流使用单项, 方便跟踪 局部性数据流使用双向, 简单易操作
注:
MVC框架: 作用是未来让一个程序有不同的表现形式, 同时将M与V实现代码分离. M(Model): 业务模型 V(View): 用户界面 C(Controller): 控制器 (可忽略: iOS 是苹果公司开发的移动操作系统)
MVVM: 首先也可以视作MVC框架的加强版, 实质上是没有区别的 MVVM更便于维护 但是代码量会比MVC框架略多
MVVM框架和MVC框架, 主要目的都是为了 分离视图 和 模型
MVVM的优势:
1 ) 低耦合(说白了就是代码之间关联性较弱)
2 ) 可重复性
3 ) 独立开发
4 ) 可测试
6 .