1.v-cloak
Using the v-cloak can solve the problem of flicker interpolation expression
<div id="app" v-cloak> {{context}} </div>
[v-cloak] {
display: none;
}
2.v-text
<h4 v-text="msg">==================</h4>
<! - Default v-text is not flashing problem ->
v-text elements will be covered in the original content, but just substitute your own interpolation expression of this placeholder will not empty the entire contents of the elements
3.v-html
Parses the label, only show content
<h3 v-html="msg2"></h3>
Vue new new VM = var ({
EL: '#app',
Data: {
MSG: '123',
Msg2: '<h1 of> ha, is a big I H1, I am, am proud </ h1 of>',
MyTitle : 'this is a title of their definition'
},
methods: {// this attribute defines the methods currently available methods all Vue example
Show: function () {
Alert ( 'the Hello')
}
}
})
4.