Vue学习-组件
组件也相当于一个自定义标签,下面是一个自定义标签的一个例子:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <daitu></daitu> </div> <!--导入Vue.js--> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script> <script> //定义一个Vue组件 Vue.component("daitu",{ template: '<li>Hello ,daitu</li>' }) // 创建一个新的 Vue 实例 var vm = new Vue({ el: '#app', data: { } }); </script> </body> </html>