Upload
others
View
28
Download
0
Embed Size (px)
Citation preview
v-
v-text
v-html
v-if
v-elsev-if
v-
else-
if
v-if
v-showv-if
display: none
v-for
v-on
v-bind
v-
model
v-once
v-bind v-on
<a href="url">...</a>
<a :href="url">...</a>
<a click="doSomething">...</a>
<a @click="doSomething">...</a>
v-if v-else v-else-if
<div v-if="type === 'A'">
it's A
</div>
<div v-else-if="type === 'B'">
it's B
v-bind:
v-on:
</div>
<div v-else-if="type === 'C'">
it's C
</div>
<div v-else>
it's neither one
</div>
{{ isTrue ? 'yes' : 'no' }}
v-model.lazy
v.model
v-model.trim
v-model.number
click
v-on:click.native
v-on:click.stop
v-on:click.passive
v-on:click.capture
v-on:click.self
v-on:click.once
v-on:submit.prevent event.preventDefault()
v-on:click .left
v-on:click .right
v-on:click .middle
v-on:keyup.enter
v-on:keyup.tab
v-on:keyup.delete
v-on:keyup.esc
v-on:keyup.up
v-on:keyup.down
v-on:keyup.left
v-on:keyup.right
.ctrl
.alt
.shift
.meta
v-bind .prop
v-bind .camel
v-bind .sync v-on
beforeCreate
created
beforeMount
mounted
beforeDestroy
destroyed
beforeUpdate
updated
activated
deactivated
<component>
<transition>
<transition-group>
<keep-alive>
<slot>
Vue.config
silent
optionMergeStrategies
devtools
errorHandler
warnHandler errorHandler
ignoredElements
keyCodesv-on
performance
productionTip
Vue.extend
Vue.nextTick
Vue.set
Vue.delete
Vue.directive
Vue.filter
Vue.component
Vue.use
Vue.mixin
Vue.compile
Vue.version
const vm = new Vue({
})
data
props
propsData
methods
computed
watch
var vm = new Vue({
el: '#example',
data: {
message: 'Hello'
},
methods: {
reverseMessageAsMethod: function () {
return this.message.split('').reverse().join('')
}
},
computed: {
// a computed getter
reversedMessage: function () {
// `this` points to the vm instance
return this.message.split('').reverse().join('')
}
}
})
console.log(vm.reverseMessageAsMethod) // => 'olleH'
vm.message = 'Goodbye'
console.log(vm.reversedMessage) // => 'eybdooG'
el
template
render
renderError
render
directives
filters
components
parent
mixins
extends
name
functional
data this
model
comments
const vm = new
Vue(/*...*/)
vm.$data
vm.$props
vm.$el
vm.$options
vm.$parent
vm.$root
vm.$children
vm.$slots
vm.$scopedSlots
vm.$refs
ref
vm.$isServer
vm.$attrs
vm.$listeners v-on
vm.$watch
vm.$set
vm.$delete
vm.$emit vm
vm.$on vm
vm.$once $on