介绍
小编给大家分享一下vue美元上指的是什么意思,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
vue美元上是指一个方法,语法如“事件。在美元(& # 39;味精# 39;函数(味精){…}”,其中第一个参数是数据的名字,与发送时的名字对应,第二个参数是一个方法,要对数据的操作。
引用>vue中发出与美元在
var事件=new vue (); vue实相当于又新建了一个例,事件中含有vue的全部方法; 事件。美元发出(& # 39;味精# 39;,this.msg); 发送数据,第一个参数是发送数据的名称,接收时还用这个名字接收,第二个参数是这个数据现在的位置; 事件。在美元(& # 39;味精# 39;,函数(msg) { 接收数据,第一个参数是数据的名字,与发送时的名字对应,第二个参数是一个方法,要对数据的操作/这里是对数据的操作 })例:
& lt; !DOCTYPE html> & lt; html> & lt; head> & lt;元charset=皍tf-8"/比; & lt; title>孙三峰——博客园& lt;/title> & lt;脚本类型=拔谋?javascript"src=癹s/vue2.0.3.js"祝辞& lt;/script> & lt;脚本类型=拔谋?javascript"比;//准备一个空的实例对象 var事件=new Vue (); var={ 模板: & lt; div风格=氨呔?1 px固体红;margin-bottom: 10 px;宽度:300 px;“比; & lt; h5>组件& lt;/h5> & lt; p>{{一}}& lt;/p> & lt;输入类型=癰utton"值=?把数据给C"@click=皊end"/比; & lt;/div> ”, 数据(){ 返回{ 答:& # 39;我是一个里面的数据& # 39; } }, 方法:{ send(){//发送数据 事件。美元发出(& # 39;a-msg& # 39;, this.a); } } }; var B={ 模板: & lt; div风格=氨呔?1 px固体绿色;margin-bottom: 10 px;宽度:300 px;“比; & lt; h5> B组件& lt;/h5> & lt; p> {{b}} & lt;/p> & lt;输入类型=癰utton"值=鞍袯数据给C"@click=皊end"/比; & lt;/div> ”, 数据(){ 返回{ b: & # 39;我是b里面的数据& # 39; } }, 方法:{ send () { 事件。美元发出(& # 39;b-msg& # 39;, this.b); } } }; var C={ 模板: & lt; div风格=氨呔?1 px点缀绿色;margin-bottom: 10 px;宽度:300 px;“比; & lt; h5>我是C组件,我在坐等接收数据& lt;/h5> & lt; p>{{一}}& lt;/p> & lt; p> {{b}} & lt;/p> & lt;/div> ”, 数据(){ 返回{ 答:& # 39;& # 39; b: & # 39; & # 39; } }, 安装(){//两种接收的方式 var _this=; 事件。在美元(& # 39;a-msg& # 39;,函数(a) { _this.a=一个; }); 事件。在美元(& # 39;b-msg& # 39;,函数(b) { 这一点。b=b; }.bind(这)) } }; window=function () { 新Vue ({ 艾尔:& # 39;#箱# 39; 数据:{ }, 组件:{ & # 39;com-a& # 39;:, & # 39;com-b& # 39;: B, & # 39;com-c& # 39;: C } }) } & lt;/script> & lt;/head> & lt; body> & lt; div id=癰ox"祝辞 & lt; com-a> & lt;/com-a> & lt; com-b> & lt;/com-b> & lt; com-c> & lt;/com-c> & lt;/div> & lt;/body> & lt;/html>效果图:
以上是vue美元”指的是什么意思”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
vue美元上指的是什么意思