VueJS参数绑定：v-bind:href,v-on:event
2024-09-06 18:33:44
参数绑定HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
<pre><a v-bind:href="url">青青子衿</a></pre>
</div> <script>
new Vue({
el: '#app',
data: {
url: 'http://www.boonya.com'
}
})
</script>
</body>
</html>
参数绑定效果：
事件绑定HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
<a v-on:click="doSomething">doSomething</a>
</div> <script>
new Vue({
el: '#app',
data: {
doSomething:function(){
alert("Do something");
}
}
})
</script>
</body>
</html>
事件绑定效果：
最新文章
- 到爱尔兰敲代码 / Come, Coding in Ireland
- PPT转化成Image、PPTX、XPS、EMF
- HTML5 学习总结（二）——HTML5新增属性与表单元素
- 6-1 bash脚本编程之四 整数测试及特殊变量
- 移动端自动化环境搭建-Robot Framework的安装
- awk 的一些用法
- css布局之左侧固定右侧自适应布局
- andriod之摄像头驱动流程
- 关于androidManifest.xml的概叙以及intent-filter的详细分析
- iOS开发: 向右滑动手势功能实现
- Android 字体颜色变化（点击）
- html--鼠标控制DIV移动
- 痛并快乐的造轮子之旅：awk访问数据库之旅
- This application failed to start because it could not find or load the Qt platform plugin &quot;xcb&quot;.
- SharePoint综合Excel数据与Excel Web Access Web部分
- java中可变长参数
- BZOJ_5055_膜法师_树状数组+离散化
- 自相关系数 ACF与偏自相关系数PACF，拖尾和截尾
- 关于dom&bom
- Shell条件测试和流程控制-4