<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
<p>{{ seen }}</p>
<button v-on:click="hello">调用修改自己</button>
</div>
<script>
new Vue({
el: '#app',
data: {
seen: false
},
methods: {
hello: function () {
this.seen = true
}
}
})
</script>
</body>
</html>
撸一下。
1.引入
2.定义一个初始化变量seen为false.
3.再定义一个自定义函数,将这个值变为true
这里要使用this.seen才能赋值。
4.然后在页面用v-on:click调用这个自定义函数。
分享到:
相关推荐
vue 自定义函数库总结
Vue3自定义组件库,Vue3项目
自定义导航模板
主要为大家详细介绍了Vue编写可显示周和月模式的日历,Vue自定义日历内容的显示,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
在Vue中自定义数据接口,配合仓库使用 在Vue中自定义数据接口,配合仓库使用 在Vue中自定义数据接口,配合仓库使用 在Vue中自定义数据接口,配合仓库使用 在Vue中自定义数据接口,配合仓库使用 在Vue中自定义数据...
vue可以自动以封装tree树形结构图,如高亮的背景色、字体颜色、树形图图标等。高亮demo使用的是name,如果有需要可以直接改为value
vue编写 自定义组件.vue 实例教程.zip
今天小编就为大家分享一篇vue自定义全局共用函数详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
基于 vue、ant-design-vue 的自定义Antdv 工作流组件。支持在线流程设计器,钉钉审批模式,支持流程办理、退回、自由流、会签、并行、串行、服务任务等。
前段时间基于vue写了一个自定义的video播放器组件,踩了一些小坑, 这里做一下复盘分享出来,避免日后重复踩坑… 设计阶段 这里就直接放几张完成后的播放状态图吧,界面布局基本就是flex+vw适配一把梭,也比较容易. ...
vue添加自定义右键菜单的完整实例 一、写原生方法 1.在所编辑的页面,需要添加右键菜单的元素,绑定contextmenu事件,如下: v-for="item in resourceList" :key="item.id" @click="handleClickFolder(item...
主要介绍了vue自定义全局组件(自定义插件)的用法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
封装的时间函数,时间戳转换为年月日可以选择,可以有倒计时,天数展示,需要联系就好,免费
antdv ant-design-vue 自定义主题颜色
本篇文章主要介绍了Vue自定义指令封装节流函数的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
主要介绍了解决Vue调用springboot接口403跨域问题,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
vue手写一个自定义操作的工作流:适用简单的、想要手写的、不借用三方插件的工作流开发。样式自定义,可随意扩展、随意添加条件、自定义条件
主要介绍了vue中注册自定义的全局js方法,文中给大家补充介绍了vue自定义函数挂到全局的方法,需要的朋友可以参考下
Vue最新2022年面试题及答案,汇总版(vue的自定义指令?) 1、 vue 的自定义指令? 2、你是怎么认识 vuex 的? 3、 vue 单页面和传统的多页面区别? 4、 mint-ui 是什么?怎么使用?说出至少三个组件使用方法? 5、 ...
前段时间 做了个学校的春萌项目,其中用到vue连接后端java接口。 先上后端接口代码: package controller; import net.sf.json.JSONObject; import util.DBUtil; import javax.servlet.ServletException; import ...