简单易懂的VUE(transform)

第一步 : 万事万物皆需安装
1.在线版

npm install vue

基本结构

HTML代码

{{ message }}

JS代码
new Vue({
el: ‘#app’,
data: {
message: ‘Hello Vue!’
}
})

VUE实例的基本组成

页面跳转
new Vue({
el: ‘#app’,
data: {
message: ‘Hello Vue!’,
url: ‘www.baidu.com’
},
methods:{
showMsg: function(){
alert(this.message)
},
jumpUrl: function(){
location.href = this.url
}
},