小程序day04

目标

自定义组件

创建组件

引用组件

局部引用

全局引用

组件的函数定义到metods节点中,梦回vue2.

样式

数据,方法,属性

下划线开头的称为自定义方法,非下划线开头的都是事件处理函数。

神特么,this.data===this.properties居然是true,?????

数据监听器

案例

纯数据字段

该字段即使在页面中使用也不会被渲染。

生命周期函数

组件监听所在页面的生命周期函数

javascript 复制代码
    _randomColor(){
      this.setData({
        _rgb:{
          r:Math.floor(Math.random()*256),
          g:Math.floor(Math.random()*256),
          b:Math.floor(Math.random()*256),
        }
      })
    }

插槽

组件通信------父子组件通信的3种方式

属性绑定_单向绑定

重点: 属性绑定只具有父组件到子组件的单向绑定,子组件内数据发生变化不会影响父组件的数据.

事件绑定_双向绑定

虽说是双向绑定,但是还是整的很麻烦

获取组件实例

behaviors

相当于vue中的mixins?怎么没听过vue里面有着这玩意?

这个东西是为了分离js代码。感觉mixins就没什么作用,学了这么久,一次都没有遇见过这个东西.

这里要新建一个文件夹存放新创建的这些个文件.

相关推荐
香蕉可乐荷包蛋13 分钟前
Python面试问题
开发语言·python·面试
ErizJ23 分钟前
Golang|分布式索引架构
开发语言·分布式·后端·架构·golang
.生产的驴23 分钟前
SpringBoot 接口国际化i18n 多语言返回 中英文切换 全球化 语言切换
java·开发语言·spring boot·后端·前端框架
八股文领域大手子31 分钟前
深入浅出限流算法(三):追求极致精确的滑动日志
开发语言·数据结构·算法·leetcode·mybatis·哈希算法
吃瓜群众i35 分钟前
理解Javascript闭包
前端·javascript
安大桃子39 分钟前
Mapbox GL + Deck.gl 三维实战:Mapbox 加载 Tileset3D 倾斜摄影模型
前端·webgl
yede42 分钟前
多行文本省略号显示,更多按钮展开全部
前端
就是我44 分钟前
React 应用性能优化实战
前端·react.js·性能优化
G扇子1 小时前
深入解析XSS攻击:从原理到防御的全方位指南
前端·安全
Blucas1 小时前
《深入 PageSpy》二:入门指南
javascript·前端框架