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

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

相关推荐
June bug15 分钟前
【Python基础】变量、运算与内存管理全解析
开发语言·python·职场和发展·测试
醇醛酸醚酮酯15 分钟前
Qt项目锻炼——TODO(五)
开发语言·qt
伟笑15 分钟前
React 的常用钩子函数在Vue中是如何设计体现出来的。
前端·react.js
Sapphire~34 分钟前
重学前端003 --- CSS 颜色
前端·css
慧一居士34 分钟前
CSS和CSS3区别对比
前端·css3
蹦蹦跳跳真可爱58934 分钟前
Python----OpenCV(几何变换--图像平移、图像旋转、放射变换、图像缩放、透视变换)
开发语言·人工智能·python·opencv·计算机视觉
我血条子呢34 分钟前
动态组件和插槽
前端·javascript·vue.js
骁的小小站39 分钟前
HDLBits刷题笔记和一些拓展知识(十一)
开发语言·经验分享·笔记·其他·fpga开发
Jtti40 分钟前
如何准确查看服务器网络的利用率?
开发语言·php
中微子42 分钟前
RESTful架构与前后端路由演进:构建现代化Web应用的核心规范
前端