vue自定义文件包导入步骤（自定义文件）

最新推荐文章于 2025-05-16 11:33:01 发布

weixin_34006468

最新推荐文章于 2025-05-16 11:33:01 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/3648651/blog/1836714

本文介绍了如何使用Vue.js创建并配置一个简单的Web应用项目，包括项目初始化、依赖安装及运行方式等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

<!--包导入步骤-->




->
<template>
  <!-- 不是标签   注意这个是‘vue’文件，没有类型-->
  <div id='app'>
    <h3>{{msg}}</h3>
    <ul>
      <li v-for='(item,index) in menus'>
        {{item}}

      </li>
    </ul>

   </div> 
</template>
<script >
  // 不用写type
  export default{
    name:'App',
    data(){
      return {

    msg:'hello 组件',
    menus:['宫保鸡丁','鱼香肉丝','梅菜扣肉']
      }
    }
  }
</script>

以上是包导入：

步骤如下：

1 在命令行输入cd 然后直接把包拉进来
2 npm install （每个新文件都要从新安装，npm install 。。。是安装某个具体步骤）
3 在package-json里面第六行 serve 就是启动文件 npm run dev

注意：如果你再此过程中输入npm Uninstall ，然后进行3步骤，npm run dev会报错，然后显示没有dev文件，没关系，你可以 npm run serve

转载于:https://my.oschina.net/u/3648651/blog/1836714