Vue项目的初始化流程:
1、先创建项目
# cmd
cd Desktop # 前往目标路径
vue create v-proj # 创建项目名为v-proj
2、配置根组件
<!--App.vue-->
<template>
<div id="app">
<router-view />
</div>
</template>
3、进行路由的配置
// router/index.js
const routes = [
{
path: '/',
name: 'Home',
component: Home
}
];
4、组件配置:views和components文件夹
- 先删除Home.vue和About.vue组件
- 初始化Home.vue,创建新的Home.vue组件
<template>
<div class="home">
</div>
</template>
5、分类管理资源:assets文件夹
建立img、css、js子文件夹,删除原来的资源
6、如果要修改页面标签图标
替换public文件夹下的favicon.ico图片文件
原文地址:https://www.cnblogs.com/cnhyk/p/12324747.html
时间: 2024-10-12 09:54:24