三、Vue CLI-单页面
Vue 页面 CLI
2023-09-11 14:19:04 时间
一、单页面
代码如下:
<template> <div class="header">{{title}}</div> </template> <script> export default{ data(){ return { title:'猫眼电影' }; } } </script> <style> .header{ height: 1.25rem; line-height: 2.5; background: #e54847; color: #fff; text-align: center; font-size: 0.5rem; } </style>
二、页面跳转
代码如下:
<template> <div class="finish-wrap"> <div class="finish-header"> <div class="finish-img"> </div> </div> <div class="finish-tip"> 支付成功 </div> <div class="finish-footer"> <router-link to="/test2">学车所需资料</router-link> <span> <router-link to="/">学车考照流程</router-link> </span> </div> </div> </template>
相关文章
- Vue-router实现单页面应用在没有登录情况下,自动跳转到登录页面
- VUE - vue.runtime.esm.js?6e6d:619 [Vue warn]: Do not use built-in or reserved HTML elements as component i
- vue之介绍
- 高性能流媒体服务器EasyDSS前端重构(三)- webpack + vue + AdminLTE 多页面引入 element-ui
- [Nuxt] Add Arrays of Data to the Vuex Store and Display Them in Vue.js Templates
- Vue钩子函数mounted实现进入页面立即查询的功能案例
- Vue+Spring boot前后端响应流程总结
- 用vue实现一个仿简书的轮播图效果
- vue 的 render 函数的用法:new Vue({ render: h => h(App), }).$mount(‘#app‘)
- Vue CLI 4.x安装成功,但是无法运行vue-V等指令。报错vue -V 不是内部或外部命令,也不是可运行的程序或批处理文件解决方案!!!
- 新来的前端小姐姐问:Vue路由history模式刷新页面出现404问题
- 如何在VUE单页面引入CSS、JS(CDN链接)
- Vue学习之--------绑定样式、条件渲染、v-show和v-if的区别(2022/7/12)
- 129:vue+openlayers:extent 在EPSG:4326,EPSG:3857,EPSG:900913,CRS:84的范围值
- 110:vue+openlayers利用setSource来显示隐藏地图 (代码示例)
- 025:vue+openlayers读取WKT数据显示图形(代码示例)
- 使用vue简单实现tab选项卡切换效果分享
- 返回顶部vue、监听页面滚动(整理)
- vue-loader做了哪些事情?
- Vue解析markdown字符串,并且将其展示到页面(代码高亮+代码行号显示)
- Vue: vue-router路由