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

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

相关推荐
薛定谔的算法7 小时前
phoneGPT:构建专业领域的检索增强型智能问答系统
前端·数据库·后端
Hilaku7 小时前
Token已过期,我是如何实现无感刷新Token的?
前端·javascript·面试
小文刀6967 小时前
2025-35st-w-日常开发总结
前端
我是日安8 小时前
从零到一打造 Vue3 响应式系统 Day 8 - Effect:深入剖析嵌套 effect
前端·vue.js
小lan猫8 小时前
React学习笔记(一)
前端·react.js
晨米酱8 小时前
JavaScript 中"对象即函数"设计模式
前端·设计模式
拜无忧8 小时前
【教程】Nuxt v4 入门指南与实践 (vue前端角度开发)
前端·nuxt.js
云枫晖8 小时前
手写Promise-什么是Promise
前端·javascript
拜无忧8 小时前
html,svg,花海扩散效果
前端·css·svg
DevUI团队8 小时前
🚀 MateChat V1.8.0 震撼发布!对话卡片可视化升级,对话体验全面进化~
前端·vue.js·人工智能