Vue組件的全局註冊
阿新 • • 發佈：2017-09-15
component style 一個 -s mpat 需要 body 註冊 pre
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<script src="./vue.js"></script>
<body>
<div id="app">
<my-com></my-com> <!--直接寫生組件名稱就可以將template:‘<div> hello World </div>‘ 中的文字顯示出來 -->
</div>
</body>
</html>
//創建組件構造器 定義一個組件
var myCompent=Vue.extend({
template:‘<div> hello World </div>‘ //template用來定義html部分
})
// 註冊組件 第一個參數是組件名稱 第二個參數是構造後的組件
Vue.component(‘my-com‘,myCompent)
註意 全局使用組件需要註冊組件
Vue組件的全局註冊