0
点赞
收藏
分享

微信扫一扫

Vue---(4h) 随手记 (待排版)

Raow1 2022-04-13 阅读 109
javascript

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 . 

举报

相关推荐

0 条评论