2024年最新学习笔记 (2) uni-app中的数据绑定 和 事件绑定(1),面试一般问什么问题

最后

你要问前端开发难不难,我就得说计算机领域里常说的一句话,这句话就是『难的不会,会的不难』,对于不熟悉某领域技术的人来说,因为不了解所以产生神秘感,神秘感就会让人感觉很难,也就是『难的不会』;当学会这项技术之后,知道什么什么技术能做到什么做不到,只是做起来花多少时间的问题而已,没啥难的,所以就是『会的不难』。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

我特地针对初学者整理一套前端学习资料

前端路线图

vue.js的36个技巧

v-bind 动态绑定属性

在data 中定义了一张图片,我们希望把这张图片渲染到页面上。

export default {

data () {

return {

img: ‘http://destiny001.gitee.io/image/monkey_02.jpg’

}

}

}

利用 v-bind 进行渲染

缩写:

data中定以一个数组,最终将数组渲染到页面上

data () {

return {

arr: [

{ name: ‘刘能’, age: 29 },

{ name: ‘赵四’, age: 39 },

{ name: ‘宋小宝’, age: 49 },

{ name: ‘小沈阳’, age: 59 }

]

}

}

利用 v-for 进行循环

名字 : {{ item.name }} --年龄 : {{item.age}}

uni中的事件
事件绑定

在uni 中事件绑定和vue中是一样的,通过v-on进行事件绑定,也可以简写@

<botton @click=“tapHandle”> 我是一个按钮

事件函数定义在 methods中

methods:{

tapHandle (){

console.log (‘点击成功!’);

}

}

事件传参
  • 默认如果没有传递参数,事件函数第一个形参为事件对象

// template

<button @click=“tapHandle”>点我啊

// script

methods: {

tapHandle (e) {

console.log(e)

}

}

  • 如果给事件函数传递参数了,则对应的事件函数形参接收的则是传递过来的数据

常用的JavaScript设计模式

  • 单体模式

  • 工厂模式

  • 例模式

函数

e65ecb71ac0)**

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值