菜单切换
FACESOHO知行者
心灵
记录
远方
赞赏工具
源代码:
点击运行
保存
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vue 测试实例 - 小鸟启蒙(facesoho.com)</title> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script> </head> <body> <div id = "databinding"></div> <script type = "text/javascript"> var mixin = { methods:{ hellworld:function () { document.write('故人具鸡黍,邀我至田家。 孟浩然《过故人庄》' + '<br>'); }, samemethod:function () { document.write('Mixin 相同方法名' + '<br>'); } } }; var vm = new Vue({ mixins:[mixin], methods:{ start:function () { document.write('岂曰无衣?与子同袍。 佚名《秦风·无衣》' + '<br>'); }, samemethod:function () { document.write('Main 相同方法名' + '<br>'); } } }); vm.hellworld(); vm.start(); vm.samemethod(); </script> </body> </html>
运行结果