Summarize the instance methods of vue2.0 configuration-JS Tutorial-php.cn

Summarize the instance methods of vue2.0 configuration

PHP中文网

Release： 2017-06-21 11:10:12

Original

1480 people have browsed it

Global configuration

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　credcess lain 　　　　　　　　　　　　　　　　　　　　　　　 .　　　 errorHandler Error tracking
ignoredElements Ignore the Custom elements outside of Vue.
Keycodes Customized Key Leader
Performance enables components to initialize components in the browser.
. Vue.set(object, key,value) 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　cred should should be added that ID, [definition]) Register or get the global filter
.mixin(mixin ) 　　　　　 Global Mixing
Vue.compile(template) Compile the template string in the render function

Options/Data data Vue Instance data object
Props Computed properties
Methods Methods and event handling
Watch Instance methods

Options/DOM

El Dom element as

Template String Templates

Render String Templates

#Options/Lifecycle Hooks

BeforeCreate Called after instance initialization and before data observation and event configuration
Created Called after instance creation is completed
beforeMount Called before mounting starts
　　　　　　mounted 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 wealth Hook
BeforeUpdate Called when the data is updated
deactivated Called when the component is deactivated
beforeDestroy Called before the instance is destroyed
destroyed Vue examples Called after destruction

Options/resources

’ s ’ s ’s ’s ’s ’s ’ s ’s ’ s use to use A hash table of available filters for the instance

　　　　　　 vues 　　　　　 Hash table of components available for the instance Mixins Options Accepts an array of mixin objects 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 ] 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　int 　　　　　　　　　　　　　　　　　　　　　　　　　　　uga By in the in ” ” Change the plain text insertion delimiter

#Instance attributes

　　　　vm.$data 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　ductcess] The root DOM element used by the instance vm. $options 　　　　　　 Initialization options for the current Vue instance 　　　　　 vm.$parent 　　　　　　 Parent instance, if the current instance has one
　　　　　　 vm.$root 　　　　　 Current The root Vue instance of the component tree
　　　　　　 vm.$children　　　　　　 The current instance Direct subcomponent
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 by vm.$slots 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　ductatch'.　　　　　　vm.$refs　　　　　　An object that contains all sub-registers with ref Component
　　　　vm.$isServer　　　　　　 Whether the current Vue instance is running on the server

Instance method/data

　　vm.$watch(expOrFn,callback,[options]) 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　An expression or calculated property 　　## 　　　　 vm.$delete(object,key) This is the alias of the global Vue.delete

Instance method/event
vm.on(event, callback) 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　vm.$once(event,callback) 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　ui in others in in the custom event
Remove event listening $emit(event,[...args]) Trigger an event on the instance The text content
of v-html updates the innerHTML
of the element. v-show switches the display css attribute of the element based on the true or false value of the expression.
　　　　　　 v-if Render elements based on the true or false condition of an expression
v-else Add an else block for v-if or v-else-if.
V-FOR Based on the source data, multiple rendering element living model sections
v-on abbreviation@, binding event monitor, the event type is specified by the parameter.
v-bind Abbreviation: Dynamically bind one or more properties v-model Create two-way data binding on a form control or component v-pre Skip this element and its child elements Compilation process
v-cloak This directive remains on the element until the associated instance is compiled
v-once Only render elements and components once

Special properties## Key Insert the content of the subcomponent into the slot

Built-in components

Rendering an element as a dynamic component
Transition Element as a single element or transition effect of a component
Transition-group Element as multiple element/ Component's excessive effect 　　　　 keep-alive 　　　　　　 Mainly used to retain component state or avoid repeated rendering 　　　　　 slot 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　''　　　　ool step  by is mainly used to retain component state or avoid repeated rendering
The element serves as a content distribution slot in the component template

The above is the detailed content of Summarize the instance methods of vue2.0 configuration. For more information, please follow other related articles on the PHP Chinese website!