<template> <div> <p>{{ message }}</p> <input v-model="message"></input> <mycomponent></mycomponent> </div> </template> <script> import mycomponent from './component/mycomponent.vue' export default { name: 'app2', data () { return { message: 'Hello Vue.js!' } }, components: { mycomponent } } </script>
这里 有几个知识点
1.Vue的导入操作是在<script></script>标签里。
2.如果存在子/父控件的概念的话,一定要先初始化/加载子控件 。
效果如下:
教程的第一个大章节就浓缩完了,非常简短简单,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章: