vue 项目文件介绍

1.main.js是项目的主入口文件,不需要处理

import Vue from 'vue'
import App from './App.vue' /* 导入根组件 */
import router from './router'/* 导入路由 */
import './plugins/element.js'/* 导入elementui */Vue.config.productionTip = falsenew Vue({router, /* 挂载路由 */render: h => h(App) /* 渲染App.vue根组件 */
}).$mount('#app')

2.App.vue根组件

<template><div id="app">App根组件</div>
</template><script>
export default {name: 'app'
}
</script><style>
</style>

3.route/index.js

import Vue from 'vue'
import VueRouter from 'vue-router'Vue.use(VueRouter)const routes = []const router = new VueRouter({routes
})export default router

vue 项目文件介绍相关推荐

创建vue项目(一)搭建vue-cli、项目文件介绍、简单配置
记录一下拉取项目时 npm run dev 报错输入:npm rebuild node-sass 再重新 npm run dev 如果不能解决,请看这里一.搭建vue-cli vue creat ...
Vue.js 介绍及其脚手架工具搭建
vue.js介绍 (MVVM.核心思想) vue.js 是一套轻量级的 MVVM 的渐进式框架.Vue 的核心库只关注视图层. vue.js 的官方网址是:点我,我是网址 MVVM 介绍 MVVM 全 ...
（2）vue.js介绍
一.vue.js介绍中文官网:https://vuejs.bootcss.com/guide/ Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不 ...
iOS开发UI篇—常见的项目文件介绍
iOS开发UI篇-常见的项目文件介绍一.项目文件结构示意图二.文件介绍 1.products文件夹:主要用于mac电脑开发的可执行文件,ios开发用不到这个文件 2.frameworks文件夹主要 ...
vue的介绍及基本使用（详细，好理解，示例代码）
下面是对Vue的介绍和对Vue的基本使用,希望可以帮助到有需要的小伙伴~ 文章目录 VUE介绍 Vue:渐进式JavaScript框架 Vue的基本使用 Vue的基本使用步骤 VUE介绍 Vue是一套 ...
vue2+vuex+vue-router 快速入门（三） vue 实例介绍
vue 实例介绍 vue 实例分两种,一种为组件实例,另外一种为根实例.组件实例负责创建个性化组件.而根实例负责把组件渲染到指定的真实的 DOM 结构中.并且 vue 为我们提供了一种特殊的文件格式 ...
Vue详细介绍及使用
Vue详细介绍及使用一.Vue定义及简介 1.Vue定义关于Vue简介,百度百科给出的解释是:Vue.js是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设 ...
vue怎么设置封面_微信朋友圈封面视频如何制作?微信朋友圈封面视频制作软件VUE功能介绍...
貌似最近挺火的,很多人都把朋友圈相册封面变成了小视频,有声音还可以动;那么微信朋友圈封面视频如何制作呢?下面请看微信朋友圈封面视频制作软件VUE功能介绍. 微信朋友圈封面视频制作软件:VUE VUE怎 ...
Vue详细介绍及使用（组件）
Vue详细介绍及使用一.Vue组件概念 1.基本的概念为什么需要组件化?在实际开发中,我们经常也会封装很多公共方法,达到复用的目的,也便于维护.对于前端也是一样,那么什么是组件? 官方定义 ...

vue 项目文件介绍

vue 项目文件介绍相关推荐

最新文章

热门文章