vue里面各文件说明
来源:互联网 发布:适合抓握的鼠标 知乎 编辑:程序博客网 时间:2024/06/05 05:09
vue文件说明
1、main.js是我们的入口文件,主要作用是初始化vue实例,并使用我们需要的插件
import Vue from 'vue'import App from './App'import router from './router'/* eslint-disable no-new */new Vue({ el: '#app', router, template: '<App/>', components: { App }})
2、App.vue是我们的跟组件,所有页面都是在App.vue下面进行切换的,可以理解为所有的组件都是App.vue的子组件,我们可以吧头部课底部及每个页面都出现的内容放在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>
3、index.html文件入口
4、src放置组件和入口文件
5、node_modules为依赖的模块
6、config中配置了路径端口值等
7、build中配置了webpack的基本配置、开发环境配置、生产环境配置等
阅读全文
0 0
- vue里面各文件说明
- Linux 里面的文件操作权限说明
- Linux 里面的文件操作权限说明
- 解决 vue component(组件)里面每个.vue文件的style互相影响的问题
- vue里面的slot
- vue里面删除数据
- GPUImage说明 各文件说明
- vue组件里面引入highchars
- vue里面的数据保存
- Vue项目目录说明
- vue说明文档
- 关于Vue实例的生命周期各状态函数(钩子)说明
- 各文件用途说明:
- deepmind_lab 里面有大量的MD3文件 简单说明md3是什么
- 关于vue引入问题说明
- 【vue】webpack打包vue项目并且运行在Tomcat里面
- vue-router直接在html里面使用
- 现在谈谈Vue 里面的computed 属性
- Replace\MSSQL\标准-ORM\ReplaceFiles\Template
- 017 含参方程组之习题应用
- 【bzoj2216】[Poi2011]Lightning Conductor
- 列表的使用---深浅copy的区别
- Linux 内核引导选项简介
- vue里面各文件说明
- 【模板】Tarjan 缩点 + 最长路
- 吴恩达deeplearning.ai课程系列笔记10
- Xcode9学习笔记45
- linux中ftp的配置文件祥解
- 我的面试总结
- Alex and broken contest Codeforces Round #442
- Mac环境下python-opencv的安装
- LuoguP1074[NOIP2009] 靶形数独 解题报告【搜索】