vue的一些小笔记

本文介绍了Vue.js中常用指令的使用方法,包括@click、@input、v-show和v-model等。详细解释了这些指令如何帮助开发者实现事件绑定、条件渲染及表单数据的双向绑定等功能。
  1. @click = "getName" //点击之后执行getName方法

  2. @input = "getValue" //input框中的值改变时执行getValue方法

  3. v-show = false //控制不显示 值可以是 true 或者false

    v-show = isShow //通过控制isShow的值为false还是true来控制v-show的值,达到控制页面中的模块的显示隐藏

  4. v-bind:class ---可简写成 :class

    <p v-bind:class="{error: register.isError}">{{register.notice}}</p>
    register.isError 为true时 class显示
    为false时 没有这个class
    复制代码
  5. v-model可以再在表单<input> <textarea> 元素上创建双向数据绑定。 它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理

  6. this.$router.push({path: '/login'}) 这里的this指代的是当前的这个组件

  7. 通过使用 Vue.use(Router) ,会把$router注入到所有的组件中,包括自己全局对象上,所以可以在任何组件中写 this.$router.....,从而实现一些功能 例如页面跳转

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值