1.main.js是我们的入口文件,主要作用是初始化vue实例并使用需要的插件。

import Vue from 'vue'
import App from './App'/* eslint-disable no-new */
new Vue({el: '#app',template: '<App/>',components: { App }
})

2.App.vue是我们的主组件,所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。所以我将router标示为App.vue的子组件。

<template><div id="app"><img src="./assets/logo.png"><hello></hello></div>
</template><script>
import Hello from './components/Hello'export default {name: 'app',components: {Hello}
}
</script><style>
#app {font-family: 'Avenir', Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;color: #2c3e50;margin-top: 60px;
}
</style>

转载于:https://www.cnblogs.com/yeyeyemax/p/6959215.html

vue项目中app.vue 、main.js和 index.html的关联相关推荐

  1. 在vue项目中使用高德地图JS API

    在vue项目中使用高德地图JS API,而不是amap依赖包~ 一. 必做的准备工作 注册账号并申请key 首先,注册开发者账号,成为高德开放平台开发者 登陆之后,在进入「应用管理」 页面「创建新应用 ...

  2. 如何在VUE项目中添加使用LivePlayer.js直播点播H5免费播放器

    在VUE项目中添加使用LivePlayer.js直播点播H5免费播放器 1.复制依赖文件 1.1 示例 通过 webpack 插件自动复制依赖 1.1.1.编辑你的 webpack.config.js ...

  3. Vue项目中使用基于pdf.js的vue-pdf插件在pc浏览器下阅览PDF文件

    最近项目中需求为在浏览器上阅览PDF格式的文件,之前没有写过,随即上网查阅,发现大家常使用的为两个插件. 其一是火狐出品的pdf.js,github地址:https://github.com/mozi ...

  4. Vue 项目中引入本地第三方 JS 库

    一.在 inde.html 中使用 script 标签来引入 1.直接引入,全局可用 ESLint 语法检测会报错:'$' is not define // index.html<script ...

  5. 在Vue项目中使用Gojs

    文章目录 前言 1. Gojs的安装 2. 在vue项目中的引用 3. js导入 4. 画布初始化 画布基础配置 主画布layout配置 右侧画布配置 5. 连接线的配置 6. 节点的配置 7. 节点 ...

  6. vue项目中引入monaco editor

    monaco-editor概述 monaco-editor 是微软开源的一款web代码编辑器,vscode就是集成monaco-editor来实现的. 官方示例 官方文档 使用 安装 npm安装 np ...

  7. vue项目中使用echarts和china.js实现中国地图

    在echarts最新的5.4.0版本中,已不能直接引用china.js来绘制中国地图,需要我们自己下载china.js包 在网上查找资料,大部分是在index.html文件中直接引入echarts和c ...

  8. js定义全局变量 vue页面_在vue项目中 实现定义全局变量 全局函数操作

    写在前面: 如题,在项目中,经常有些函数和变量是需要复用,比如说网站服务器地址,从后台拿到的:用户的登录token,用户的地址信息等,这时候就需要设置一波全局变量和全局函数,这两个设置不太难,而且有一 ...

  9. Vue项目中利用pdf.js实现pdf内容滑选文字展示与搜索功能

    Vue项目中利用pdf.js实现pdf内容滑选文字展示与搜索功能 需求:在pdf中鼠标滑动选中一段文字,将选中文字展示到input框中(pdf在iframe中) 完成效果: 关于pdf的引用:我是直接 ...

最新文章

  1. java连接Excel数据库读取,写入,操纵Excel表格
  2. C++11 std::bind std::function 高级用法
  3. RESTful Web 服务 - 消息
  4. STS安装lombok
  5. c++随机打乱数组_NumPy数组基本介绍
  6. python学习笔记(六)循环、迭代
  7. 徐波 博士 计算机,徐波教授:医工联合促进智能肿瘤学发展——探秘肿瘤精准治疗中的AI技术...
  8. C和指针之结构体大小和成员变量位置距离结构开始存储的位置偏移字节
  9. 42. 接雨水 golang
  10. HWM和delete,drop,truncate的关系
  11. ORA-600_16703比特币攻击案例分析
  12. 规模大的优化mysql_十大MySQL优化技巧
  13. centos在文本中搜索字符串_Google和Baidu的搜索技巧你会吗?
  14. 计算机专业拼音怎样写,拼音汉字计算机输入方法
  15. 同步软件ActiveSync连接问题
  16. CodeForces 961G Partitions 题解
  17. Nginx可视化配置工具—NginxWebUI
  18. 字和词语联合训练的词向量模型
  19. 苹果手机升级13无法开机_苹果手机更新时突然断电,手机无法开机,为什么?...
  20. CheckBox选中触发事件 和 取消选中触发事件

热门文章

  1. 如何实施好基于MOSS的企业搜索项目(上)
  2. 成为软件架构师的4个过程
  3. 将现有网站与Community Server2.0整合解决方案(原创)
  4. SQL 2000 异数据库数据同步
  5. MongoDB 聚合操作
  6. ubuntu pdf转jpg或txt
  7. 基于多种转换语义的图数据库查询
  8. 图解字符串的朴素模式匹配算法
  9. WP7-网络-读取网页源码
  10. Linux下网络编程