Vue---第三章函數的定義和使用methods


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.我們查看一下結果

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM