2021-05-10

本文介绍了Vue.js的基础概念,包括变量声明(var、const、let)、实例化VUE对象、模板元素的el选择器和data对象的定义。重点讲解了插值表达式和常用的指令如v-pre、v-text、点击事件和键盘事件处理。
摘要由CSDN通过智能技术生成

hbuible

1.基础

  1. 结尾的;号可以省略
  2. 字符一般使用'单引号'
  3.  var: js中声明变量的修饰符 没有作用域的概念
  4. const 定义常量的
  5. let   有作用域的变量声明
  6. 实例化VUE对象   函数式编程
                const app = new Vue({})
  7. 定义el元素 要在哪个位置使用vue进行渲染
                    el: "#app",("自定义")
  8. 定义数据对象
                    data: {}

<!-- 插值表达式 内容 data中对象的属性 -->
            <h1>{{hello}}</h1>

2.指令

  1. v-pre     跳过vue指令的解析的过程,直接展示数据
  2. v-text    文本框
  3. @click  单击
  4. .stop   停止冒泡
  5. @keyup   事件/键盘弹起或松开/松开
  6. textt.......文本域

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值