摘要:
app.vue <template> <div> <h1>vue-router 的基本使用</h1> <!-- 声明路由链接 --> <router-link to="/home">首页</router-link> <router-link to="/movie">电影</router- 阅读全文
摘要:
npm i vue-router@next -S 阅读全文
摘要:
app.vue <template> <div> <h1>App 根组件</h1> <a href="#/home">Home</a> <a href="#/movie">Movie</a> <a href="#/about">About</a> <hr /> < 阅读全文
摘要:
app.vue <template> <div> <h1>App 根组件</h1> <hr /> <!-- 使用组件 --> <my-home></my-home> </div> </template> <script> // 导入组件 import MyHome from './Home.vue' 阅读全文
摘要:
app.vue <template> <div> <h1>App 根组件</h1> <hr /> <!-- 使用自定义组件 --> <my-test> <template #default="{ msg, info }"> <p>{{ msg }}</p> <p>{{ info.address }} 阅读全文
摘要:
app.vue <template> <div> <h1>App 根组件</h1> <hr /> <!-- 使用组件 --> <my-article> <template #header> <h1>滕王阁序</h1> </template> <template #default> <p>豫章故郡,洪 阅读全文
摘要:
app.vue <template> <div> <h1>App 根组件</h1> <hr /> <!-- 使用组件 --> <my-com> </my-com> </div> </template> <script> // 导入组件 import MyCom from './MyCom.vue' 阅读全文
摘要:
app.vue <template> <div> <h1 class="mb-4">App 根组件</h1> <button type="button" class="btn btn-primary" @click="comName = 'MyHome'">首页</button> <button t 阅读全文