首页 > 其他分享 >方法和事件绑定;vue的核心思想?(面试题)

方法和事件绑定;vue的核心思想?(面试题)

时间:2022-08-30 10:34:45浏览次数:56  
标签:面试题 vue 绑定 核心思想 事件 方法

事件

1.方法的写法 在methods中写方法,供事件或者别的方法内部调用

2.事件绑定

v-on: 和 @ 都是绑定事件的指令

v-on:click  --> @click
指令后面跟事件类型,值就是methds中的方法,可以加小括号也可以不加

<button v-on:click="fn1()">点击事件1</button>
<button @click="fn2">点击事件2</button>
<button @click="fn2(arg1,arg2,$event)">点击事件2</button>

* vue 框架帮我们操作DOM 不到万不得已不建议自己操作DOM

箭头函数中的this是不受函数约束的。

fn()=>{console.log(this)}//window{...}

 

 

vue的核心思想:(面试题)

1、数据驱动页面

2、组件化开发(高内聚、低耦合)

标签:面试题,vue,绑定,核心思想,事件,方法
From: https://www.cnblogs.com/LIXI-/p/16638132.html

相关文章

  • Vue上传多个文件
    首先现在form表单中定义上传组件,<el-form-itemprop="files"><el-uploadclass="upload-demo"action="#":auto-up......
  • vue点击回到顶部
     回到顶部实现过程注解:    1.获取当前页面距离顶部的距离    2.计算出每次向上移动的距离,用负的滚动距离除以5,因为滚动的距离是一个正数,想向上移动就......
  • vue PC端调用摄像头实现人脸识别
    一、思路vue打开摄像头获取视频流数据->截取视频流通过canvas绘制图片->图片传到服务器识别(后端使用的是阿里的人脸识别api)二、直接上代码<template><divclass="fac......
  • 前端高频面试题(二)(附答案)
    什么是DOM和BOM?DOM指的是文档对象模型,它指的是把文档当做一个对象,这个对象主要定义了处理网页内容的方法和接口。BOM指的是浏览器对象模型,它指的是把浏览器当做一......
  • vue3项目-小兔鲜儿笔记-首页03
    1.面板封装提取首页的公用面板进行复用头部标题和副标题由props传入右侧内容由具名插槽right传入查看更多封装成全局组件主体由默认插槽传入......
  • 【Vue面试题】谈谈你对Vue的diff算法的理解
    1diff算法到底是什么?diff算法是一种通过同层的树节点进行比较的高效算法,它可以不用频繁操作DOM,而是选用虚拟DOM节点操作,说人话就是专门用来处理虚拟DOM节点的。2操作......
  • vue学习之------vue-router【路由生命周期(也叫“导航守卫”)】
    1、全局导航守卫2、路由规则自己的守卫3、组件内部的导航守卫 ......
  • vue3 基础-事件绑定 & 修饰符
    无非就是js的一些事件,按键,鼠标等的一些绑定在vue的实现而已,很好理解.先来看一个基础例子.事件初体验<!DOCTYPEhtml><htmllang="en"><head><title>事......
  • Vue面试题之如何解决vue第一次加载的时候 页面上使用的数据会闪烁?
    引起数据闪烁的原因:界面加载的时候会把节点直接挂载到文档树中,导致{{msg+"666"}}这个字符串会显示一下,vue对象生成data数据时候回去刷新界面把{{msg+"666"}}字符串替换成......
  • Vue的基础指令
    1.普通插值表达式插入数据<body> <divid="app"> <div>{{text1}}</div> <div>{{text2}}</div> </div></body><script> newVue({ el:"#app", data:{ tex......