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

打印 上一主题 下一主题

主题 977|帖子 977|积分 2931

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

x
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中也会自动填写。 
引入两个自定义组件的案例: 

 
 

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

何小豆儿在此

金牌会员
这个人很懒什么都没写!
快速回复 返回顶部 返回列表