vue的一些小笔记

111 阅读1分钟
  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.....,从而实现一些功能 例如页面跳转