码迷,mamicode.com
首页 > 其他好文 > 详细

Vue自定义组件

时间:2018-01-08 21:11:50      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:com   doc   text   code   world   hello   oct   css   template   

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>组件定义</title> <link rel="stylesheet" type="text/css" href="css/animate.css"> </head> <script type="text/javascript" src="js/vue.js" ></script> <body> <div id="div1"> <my-hello></my-hello> </div> </body> <script> Vue.component(‘my-hello‘,{ template: ‘<h1>hello world!</h1>‘ }); let vm = new Vue({ el: "#div1", data:{ flag:false }, }); </script> </html>

Vue自定义组件

标签:com   doc   text   code   world   hello   oct   css   template   

原文地址:http://blog.51cto.com/3miao/2058783

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!