前端学习日记Vue：Vue指令v-if _v-on

最新推荐文章于 2022-05-24 19:29:30 发布

Stephen·You

最新推荐文章于 2022-05-24 19:29:30 发布

阅读量148

点赞数

分类专栏：前端文章标签：前端学习日记Vue

本文链接：https://blog.csdn.net/weixin_42585386/article/details/102524461

版权

前端专栏收录该内容

44 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="vue.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="app">
   

   
   <p v-if="seen">现在你看到我了</p>

   
   <a v-bind:href="url">...</a>

   
   <a v-on:click="click1">click me1</a>
   <div @click="click1">
       <div @click.stop="click2">
           click me2
       </div>
   </div>
</div>
<script type="text/javascript">
var vm = new Vue({
   el : "#app",
   data : {
       seen : true,
       url : "https://cn.vuejs.org/v2/guide/syntax.html#%E6%8C%87%E4%BB%A4"
   },
   //将所有的函数包括事件函数都写在methods这个框架中
   methods:{
       click1 : function () {
           console.log('click1......');
       },
       click2 : function () {
           console.log('click2......');
       }
   }
});
</script>
<style type="text/css">

</style>
</body>
</html>

Stephen·You

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端学习日记Vue：Vue指令v-if _v-on

<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head>...
复制链接

扫一扫

专栏目录