vue调用顺序(初学版) index.html → main.js → app.vue → index.js → components/组件 测试

本文介绍了Vue项目的基本调用流程,从index.html开始,经过main.js、app.vue,再到router/index.js中引入组件。通过实例演示了在components下创建Vue组件,并在app.vue中应用。强调了组件导入时只需保证导入名和组件名一致即可,不受其他地方定义影响。同时提供了Vue生命周期、开发经验等相关资源链接。
摘要由CSDN通过智能技术生成

关于它是怎么调用运作的:https://mp.csdn.net/postedit/86134414
一. 准备工作:

1.下载webstorm,安装vue。

2.创建项目,cd到要放项目的文件夹下

vue init webpack vue_test

3.安装各种包

npm install

4.运行

cd vue_test

运行 npm run dev

5.打开网页 http://localhost:8080

关于生命周期怎么运作的,推荐 https://blog.csdn.net/zbl744949461/article/details/86134414

关于一些心得经验, https://blog.csdn.net/zbl744949461/article/details/80433572

彩蛋:开发中零零碎碎的小经验 https://blog.csdn.net/zbl744949461/article/details/80999951

1.把文件按顺序打开 在components下新建一个vue文件Fine
在这里插入图片描述
Fine:(这里的name写的fine1,用来测试name的影响)

<template>
    <div class="fine">
      <h1>{
  {msg}}</h1>
      <p>{
  {p1}}</p>
    </div>
</template>
 
<scri
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值