1.使用methods關鍵字
首先打開我們第二章的內容,去掉一個div
2.我們來講一下我們的方法定義
methods:{
cs:function(){
}
}
3.我們把url設置通過函數來引用
代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue起步</title>
<script src="F:\vue\vue.2.2.2.vue.min.js"></script>
</head>
<body>
<div></div>
<div id="myapp001">
<h1>{{site}}-01</h1>
<h1>{{cs()}}</h1>
</div>
<script type="text/javascript">
var myvue=new Vue({
el: '#myapp001',
data:{
site:"xiaotaozi",
url:"http://123.57.1.35:8888/user/login"
},
methods:{
cs:function(){
return this.url;
}
}
})
</script>
</body>
</html>
4.我們查看一下結果