知行合一

博客园 首页 新随笔 联系 订阅 管理

2022年12月6日 #

摘要: 1.7 双向数据绑定 v-model双向数据绑定指令: 数据层M层发生变化会影响视图层V层改变 视图层V层发生变化会影响数据层M层改变 使用v-bind属性绑定的形式,能渲染出来,但是当修改文本框中数据时,M层中的数据不会改变。 使用v-model代替v-bind 1.7.1 v-model修饰符 阅读全文
posted @ 2022-12-06 16:35 callbin 阅读(206) 评论(0) 推荐(0) 编辑

摘要: 1 属性绑定 元素数据的绑定不能直接使用插值表达式,例如绑定元素的title属性、图片的src属性等,要使用v-bind进行属性绑定。 元素添加属性使用v-bind绑定,简写成 : 使用图片要添加mode = “widthFix” <template> <view class="content"> 阅读全文
posted @ 2022-12-06 16:24 callbin 阅读(1062) 评论(0) 推荐(0) 编辑

摘要: Vue基础指令,通过基础指令可以掌握更多渲染数据的方法,实现数据的双向绑定。1 v-cloak指令v-cloak 指令的作用是在 Vue 数据渲染完成之前,隐藏源代码。 当快速刷新页面或者网速较慢时,Vue不能立即渲染数据 → 不友好 CSS:属性选择器 v-cloak原理:因为快速刷新页面或网速原 阅读全文
posted @ 2022-12-06 16:08 callbin 阅读(61) 评论(0) 推荐(0) 编辑

摘要: 一、创建Vue实例对象,详解MVVM本节正式进入Vue.js的讲解,首先需要安装Vue.js,安装方式有两种,本节讲解第一种安装方式,即通过CDN安装,这种方式非常简单,只需要在文件中引入CDN网址,代码如下。 <!DOCTYPE html> <html lang="en"> <head> <met 阅读全文
posted @ 2022-12-06 15:58 callbin 阅读(273) 评论(0) 推荐(0) 编辑

摘要: 一、MVVM是前端分层开发理念,总共分为3层,包括M层、V层和VM层,其中VM层是核心,也是M层和V层的调度者。M层是每个页面中存储的数据,也称作数据层Model;V层是每个页面中的HTML代码,也叫作视图层View,一般是把M层中的数据渲染到V层。M层中的数据并不能直接渲染到V层,需要通过VM层调 阅读全文
posted @ 2022-12-06 15:52 callbin 阅读(202) 评论(0) 推荐(0) 编辑