1.使用methods关键字

首先打开我们第二章的内容,去掉一个div

Vue---第三章函数的定义和使用methods

 

2.我们来讲一下我们的方法定义

methods:{

  cs:function(){

  }

}

Vue---第三章函数的定义和使用methods

 

 

 3.我们把url设置通过函数来引用

代码如下:

Vue---第三章函数的定义和使用methods

 

 

<!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
},
methods:{
cs:function(){
return this.url;
}
}
})
</script>
</body>

</html>

 

4.我们查看一下结果

Vue---第三章函数的定义和使用methods

 

相关文章: