vue - src for components || router(index.js)
描述:重新编写一个组件
1.1 编写一个PrintName.vue
1 <!--这里是模板 -->
2 <template>
3 <div class="hello">
4 <h1>{{ msg }}</h1>
5 </div>
6 </template>
7
8
9 <script>
10 export default {
11 // 本组件名称
12 name: "PrintName",
13
14 // function data => data()
15 data() {
16 return {
17 msg: "My name is Mr_L"
18 };
19 }
20 };
21 </script>
22
23 <!-- 这里添加样式,可以改为scss处理,只需要把类型一改,再配置一下即可 -->
24 <style scoped>
25 h1,
26 h2 {
27 font-weight: normal;
28 }
29 ul {
30 list-style-type: none;
31 padding: 0;
32 }
33 li {
34 display: inline-block;
35 margin: 0 10px;
36 }
37 a {
38 color: #42b983;
39 }
40 .hello {
41 color: #f00;
42 }
43 </style>
1.2 编写路由
1.3访问
不知道你有没有发现一件事情,图标也有啊!,本身App.vue就有啊(我们带过去的不过就是router-view 绑定的数据^_^)
分类:
2018 - vue-cli
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 25岁的心里话
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现