首页 > 其他分享 >vue基础

vue基础

时间:2023-11-12 18:13:01浏览次数:38  
标签:shop vue ctrl bind keyup 基础 model

一 基础

1、v-model v-bind 

v-model 一般为用户在页面输入的值  而v-bind不行(单项绑定)

2、事件 v-on    所有定义的方法都应该放在methods中

3、vue 事件修饰符 prevent  stop  once

 

 4、系统修饰键 @keyup      例子@keyup.ctrl="shop" 

在按ctrl 可以进入绑定的shop事件

5、计算函数 computed

 6、组件 component 就相当于一个自定义标签用来复用

 

标签:shop,vue,ctrl,bind,keyup,基础,model
From: https://www.cnblogs.com/1468697304qq/p/17823132.html

相关文章

  • vue指令
    props:当不需要检查时,可以写成props:['value']此时,不管传过来什么都不会检查,如果想要将数据进行检查,就可以将改成1.类型验证props:{'value':Number} 此时会限制类型为Number的数据2.如果需要更加完整的检查props:{'value':{type:Number,required:tr......
  • vue平级访问数据
    <template><divclass="a"><h2>thisisA</h2><span>{{msg}}</span></div></template><script>importBusfrom'../Tools/EventBusTool';exportdefault{data(){......
  • vue跨层访问数据
    <template><divclass="grf">thisisgrandpa<FatherComponent></FatherComponent></div></template><script>importFatherComponentfrom'./FatherComponent.vue';exportdefault{......
  • vue封装一个加载过程
    app.vue<template><divclass="main"><divclass="box"v-isLoging="isLoged"><ul><liv-for="iteminlist":key="item.id"class="news">......
  • 2023-2024-1 20231320 《计算机基础与程序设计》第七周学习总结
    2023-2024-120231320《计算机基础与程序设计》第七周学习总结作业信息这个作业属于哪个课程<班级的链接>(2023-2024-1计算机基础与程序设计)这个作业要求在哪里<作业要求的链接>(2022-2023-1计算机基础与程序设计第七周作业)这个作业的目标<自学《计算机基础与......
  • # 2023-2024-1 20231322 《计算机基础与程序设计》第七周学习总结
    |2022-2023-1-计算机基础与程序设计)||--|--||2022-2023-1计算机基础与程序设计第七周作业)||这个作业的目标|总结本周学习成果及疑问||作业正文|(https://www.cnblogs.com/cjl03/p/17827451.html)|教材学习内容总结数据结构:栈,队列,列表及其性质(线性);图,二叉数及其搜索;子程序教......
  • linux 基础
    linux基础一、教学目标1、了解Linux的简介与安装2、掌握Linux常用的命令二、Linux的简介1.Linux的概述Linux是基于Unix的开源免费的操作系统,由于系统的稳定性和安全性几乎成为程序代码运行的最佳系统环境。Linux是由LinusTorvalds(林纳斯·托瓦兹)起初开发的,由于源代码的开......
  • 2023-2024-1 20231303 《计算机基础与程序设计》赵泊瑄第七周学习总结
    2023-2024-120231303《计算机基础与程序设计》赵泊瑄第七周学习总结作业信息这个作业属于哪个课程2023-2024-1-计算机基础与程序设计这个作业要求在哪里作业要求的链接2023-2024-1计算机基础与程序设计第七周作业)这个作业的目标总结第七周学习收获作业正文......
  • 11月12日基础的网页设计以及阴影的设计box-shadow属性
    目录基础的网页设计html的代码css的代码基础的网页设计html的代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>今天网页</title><linkrel="stylesheet"href="样式.css">&......
  • vue项目部署添加时间
    constfs=require('fs');constpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');classBuildTimePlugin{ apply(compiler){  constbuildTime=+newDate()  compiler.hooks.beforeCompile......