Vue.js如何匯入新元件
阿新 • • 發佈:2019-01-02
1、新建元件:components/Test.vue <template> <div> {{title}} </div> </template> <script> export default { name: "Test", data () { return { title: '我擦嘞!!!', type: 'A', user: { name: '小甲', age: '19', sex: '男' }, } } } </script> <style scoped> </style> 2、主元件App.vue這樣寫 <template> <div id="app"> <img src="./assets/logo.png"> <!-- 3.在template中就可以直接使用了 --> <Test></Test> </div> </template> <script> // 1.使用import匯入你子元件 import Test from "./components/Test"; export default { name: 'App', // 2.寫入子元件 components: {Test} } </script> <style> </style>