前端工程化-vue项目开发流程

vue项目创建参考该文:

前端工程化-vue项目创建-CSDN博客

组件就是页面的意思;

默认的App.vue根组件如下图

我们可以修改为如下图所示,注意script的选择,

<html>中的标签,此处是放在<template>中,其余两项一样。 一个组件(页面)包含三项。

热部署:在不停止程序、不刷新页面的情况下,修改了App.vue中的代码,网页中http://localhost:9000/#/会自动展示。

App.vue中的script中使用export,在main.js中就可以使用import。

一、自定义组件

在自定义的组件中,<template>中,一定要使用布局标签<div>

在views文件中创建自定义组件,注意组件名必须是以View结尾,且扩展名为.vue。

二、在根组件App.vue中引入自定义组件

根组件中,标签中,按照自定义组件的名称写标签,会自动补全。

script中也会自动填写。

引入两个自定义组件的案例:

相关推荐
卸任3 小时前
Vibe coding工具使用心得
前端·ai编程
brien94 小时前
为什么模型标称 1M,Google Antigravity 聊到 256K 却突然失忆?我们给它做了个原生行内监控圆环
前端
修炼的dance4 小时前
录屏关键帧间隔多少合适?六档实测,2秒到10秒小了75.6%
前端
Lank_M4 小时前
关键帧从1秒拉到10秒,录屏小87.3%,摄像头小10.8%
前端
补码缩写4 小时前
用 ffprobe 拆录屏,八成字节在 29 个关键帧上
前端
百思不得小李4 小时前
一个复杂的动态表单是如何实现的
前端·设计模式
陈随易4 小时前
Cmder 停更 17 个月,2.0 支持 Windows Terminal
前端·后端·程序员
清晨Coding5 小时前
删了 Cookie 还能自动登录?Google系网站登录态自动恢复的原理分析
javascript
风骏时光牛马5 小时前
前沿视界
前端
kyriewen5 小时前
我扫了 814 个依赖,97 个还敢要 Node 10
前端·javascript·程序员