第一步 : 万事万物皆需安装
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
}
},