尼采般地抒情

公告栏

此网站主题为本人手写主题,主题还在开发中……


作者:尼采般地抒情

站点信息

文章数目:240
已运行时间:
目录
  1. 一些函数
  2. Vue 实例属性
  3. 插值、指令
  4. 数组相关
  5. 其他

尼采般地抒情

尼采般地抒情

公告栏

此网站主题为本人手写主题,主题还在开发中……


作者:尼采般地抒情

站点信息

文章数目:240
已运行时间:

一些函数

  • this:应该就是创建的 Vue 这个对象, this.message = this.message.split('').reverse().join('')
  • 字符串函数
    • split(),join():拆开,组合
  • component:定义组件
    • data:必须是一个函数,data 选项必须是一个函数,不然
    • props:声明为属性,再该组件的 template 下可以直接使用
    • template:组件模板
    • methods 等等 Vue 属性都有
  • Object.freeze():会阻止其响应式更新,系统无法再追踪变化
  • $:用来区分 Vue 实例和变量,Vue 实例用$, vm.$el === document.getElementById('example')
  • input 里面的 key:防止切换输入形式值不变的情况 <input placeholder="Enter your username" key="username-input">

Vue 实例属性

  • el:绑定 dom
  • data:数据域
  • methods:定义方法
  • 生命周期相关函数,可以在不同阶段添加不同代码
    • created
    • mounted
    • updated
    • destroyed 等
  • computed:计算属性
  • watch:侦听器

插值、指令

  • { { } } :插值为文本

  • v-once:一次性插值

  • v-html:插入并显示为 html 代码

  • v-bind:显示信息【简写:英文冒号:】

  • v-on:click="函数触发" :事件监听器【简写: @ 符号】

    • v-on:click=”greet”:其中 greet 是 Vue 实例中 methods 中的一个方法
    • 事件修饰符
    • .stop
    • .prevent
    • .capture
    • .self
    • .once
    • .passive
    • $ emit:子组件可以使用 $emit 触发父组件的自定义事件。
    • vm.$emit( event, arg ) //触发当前实例上的事件
    • vm.$on( event, fn );//监听 event 事件后运行 fn
  • v-if=”表达式”:

    v-else:搭配用的还可以有
    v-else-if
    v-if 优先级弱于 v-for

  • v-show:与 v-if 不同的是不管怎样都会被渲染

  • v-for=”num in nums”:循环

    支持第二个参数(即索引值)
    也可以直接循环对象,可以将将对象的各个属性值全部打印出来
    组件使用 v-for 的时候,key 值是必须的 1

  • v-model:表单输入和应用状态之间的双向绑定

数组相关

具体也可以参考 MDN 上的这几个函数介绍

  • push():对一个对象数组添加一个元素,注意形式 app_test_list.items.push({text:"用push添加元素"});

  • pop():

  • shift()

  • unshift()

  • splice()

  • sort()

  • reverse()

  • filter()

  • concat()

  • slice()

其他

  • 属性值之间使用冒号
  • 只有赋值才是等号
  • 对象内的属性之间用逗号分隔开

博客内容遵循: 署名-非商业性使用-禁止演绎 4.0 国际(CC BY-NC-ND 4.0)

本文永久链接: https://www.wztlink1013.com/blog/qwv5oz/

编辑: 部署: 订阅:

评论区

Twikoo 转换 utterances

最新评论

Loading...