小程序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就没什么作用,学了这么久,一次都没有遇见过这个东西.

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

相关推荐
papership42 分钟前
【入门级-C++程序设计:12、文件及基本读写-文件的基本概念&文本文件的基本操作】
开发语言·c++·青少年编程
SaleCoder2 小时前
用Python构建机器学习模型预测股票趋势:从数据到部署的实战指南
开发语言·python·机器学习·python股票预测·lstm股票模型·机器学习股票趋势
wkj0013 小时前
vue中 js-cookie 用法
前端·javascript·vue.js
GoldKey7 小时前
gcc 源码阅读---语法树
linux·前端·windows
玩代码7 小时前
备忘录设计模式
java·开发语言·设计模式·备忘录设计模式
晓风伴月8 小时前
微信小程序:在ios中border边框显示不全
ios·微信小程序·小程序
Xf3n1an8 小时前
html语法
前端·html
张拭心8 小时前
亚马逊 AI IDE Kiro “狙击”Cursor?实测心得
前端·ai编程
漠月瑾-西安8 小时前
如何在 React + TypeScript 中实现 JSON 格式化功能
javascript·jst实现json格式化
技术猿188702783518 小时前
实现“micro 关键字搜索全覆盖商品”并通过 API 接口提供实时数据(一个方法)
开发语言·网络·python·深度学习·测试工具