摘要:情况一:父组件给子组件传值方法,使用props 父页面:parent.vue <template> <div class="sidebar_contianer"> <sidebar-item :routerData="transmitData"></sidebar-item> </div> </te
阅读全文
随笔分类 - Vue
Vue
摘要:1.7 双向数据绑定 v-model双向数据绑定指令: 数据层M层发生变化会影响视图层V层改变 视图层V层发生变化会影响数据层M层改变 使用v-bind属性绑定的形式,能渲染出来,但是当修改文本框中数据时,M层中的数据不会改变。 使用v-model代替v-bind 1.7.1 v-model修饰符
阅读全文
摘要:1 属性绑定 元素数据的绑定不能直接使用插值表达式,例如绑定元素的title属性、图片的src属性等,要使用v-bind进行属性绑定。 元素添加属性使用v-bind绑定,简写成 : 使用图片要添加mode = “widthFix” <template> <view class="content">
阅读全文
摘要:Vue基础指令,通过基础指令可以掌握更多渲染数据的方法,实现数据的双向绑定。1 v-cloak指令v-cloak 指令的作用是在 Vue 数据渲染完成之前,隐藏源代码。 当快速刷新页面或者网速较慢时,Vue不能立即渲染数据 → 不友好 CSS:属性选择器 v-cloak原理:因为快速刷新页面或网速原
阅读全文
摘要:一、创建Vue实例对象,详解MVVM本节正式进入Vue.js的讲解,首先需要安装Vue.js,安装方式有两种,本节讲解第一种安装方式,即通过CDN安装,这种方式非常简单,只需要在文件中引入CDN网址,代码如下。 <!DOCTYPE html> <html lang="en"> <head> <met
阅读全文
摘要:一、MVVM是前端分层开发理念,总共分为3层,包括M层、V层和VM层,其中VM层是核心,也是M层和V层的调度者。M层是每个页面中存储的数据,也称作数据层Model;V层是每个页面中的HTML代码,也叫作视图层View,一般是把M层中的数据渲染到V层。M层中的数据并不能直接渲染到V层,需要通过VM层调
阅读全文