vue入门教程 简单实现一个事件绑定
【vue入门教程 简单实现一个事件绑定】vue入门教程 简单实现一个事件绑定
点击按钮输出内容:{{meassge}}
>
// vue中作为组件,data需要写成一个函数return一个对象的形式
// 其中的值可以用this来访问到
export default {
name: 'App',
data(){
return{
value:'',
meassge:''
}
},
// methods用于书写,定义的方法
methods: {
handelBtn() {
this.meassge = this.value;
}
},
}
>
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- 科学养胃,别被忽悠,其实真的很简单
- opencv|opencv C++模板匹配的简单实现
- 松软可口易消化,无需烤箱超简单,新手麻麻也能轻松成功~
- 简单心理2019春A期+32+张荣
- 《算法》-图[有向图]
- android防止连续点击的简单实现(kotlin)
- 机器学习一些简单笔记
- VueX--VUE核心插件