vue的main.js入口说明

最新推荐文章于 2024-03-08 09:57:12 发布
最新推荐文章于 2024-03-08 09:57:12 发布
阅读量5.9k 收藏 2
点赞数
分类专栏： vue.js 文章标签： vue.js main.js 接口 入口
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41247433/article/details/79969678
版权
main.js
1.引入vue
import Vue from 'vue'
2.引入app.vue 用他的内容来替换div id = app
import App from './app.vue'
3.构建vue实例
new Vue ({
el : '#app',
render : function(c){//c只是个形参 叫什么都可以
return c(App);
}
})
傲宇苍穹
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue项目main.js使用方法
01-21
解析 src/main.js是入口文件，主要作用是初始化vue实例并使用需要的插件 在main.js文件中定义了一个vue对象,其中el为实例提供挂载元素 //基础设置 import Vue from ‘vue' //引入路由和vuex import router from './router' import store from './store/store’ import App from './App' //实例化一个Vue，挂载到id为app的div里面，这个vue实例有个局部组件App new Vue({ el: '#app’, router, store,
vue项目中main.js使用方法详解
05-17 5758
/ 引入组件// 定义 Loading 对象// install 是默认的方法。当外界在 use 这个组件的时候，就会调用本身的 install 方法，同时传一个 Vue 这个类的参数。// 导出就算没用独立引用sayHello和sayWorld这两个组件，它俩依然可以被全局使用。Vue.use()的作用就是让它里面被注册的组件能够被全局使用。axios为什么不需要用就能直接使用？axios 内部并没有提供相应的组件供用户全局使用，开发者在封装axios时，根本就没有配置install。
vue2-main.js配置全局变量
最新发布
weixin_43932092的博客
03-08 443
【代码】vue2-main.js配置全局变量。
详解Vue程序入口文件main.js
BroRiver
05-10 225
如果你的项目中有一个名为App.vue的文件，那么这个写法就是引入这个组件。如果你的根组件名称不是App.vue，那么你需要改写这一行的代码，将App.vue改成你的根组件文件名称即可。mount方法是Vue 3.x中用于挂载Vue实例的方法，它的参数是一个CSS选择器字符串，用于指定要挂载的HTML元素。这行代码是创建一个Vue实例，使用了createApp函数，并将App组件作为根组件。createApp函数是Vue 3.x中创建应用的入口函数，它接收一个根组件作为参数，并返回一个Vue实例。
vue的入口文件main.js
L_csdn123的博客
06-02 1695
main.js文件是程序的入口文件，加载各种公共组件 import Vue from 'vue' //引入vue import App from './App' //main.js为根组件和app.vue 相关联，所有的内容都在app.vue上呈现 import router from './router' // 引入路由 //有时你发现会有这种写法例如： Vue.prototype.$echarts = echarts; // 也会有这种写法例如： Vue.use(Router) // 这
Vue | vue cli入口文件解析（main.js,app.vue,index.html webpack）
MGsniper的博客
01-15 2万+
在vue cli项目中，main.js是入口文件，定义了vue实例，并引入了整个项目的根组件app.vue，并将其挂载到index.html中id为‘app’的节点上。
记录一下搭建vue项目遇到的问题
开开心心，努力生活
06-10 1566
一、index.html页面无法渲染 我们都知道vue项目入口是由main.js、app.vue、index.html三者组合而成的，具体的逻辑就是webpack将main.js、app.vue打包成一个js，然后再将js插入到index.html中。如果main.js是默认路径，那没有问题。但是我们有时候会想要修改main.js的路径，方便我们代码的管理。如果没有修改webpack配置，那首先会找不到main.js然后项目启动起来后，index.html是为空的。这个问题去修改vue.config.js的
main.jsvue入口js
04-21
vue全局
vue项目中,main.js,App.vue,index.html的调用方法
01-19
1、main.js是我们的入口文件，主要作用是初始化vue实例，并引入所需要的插件 2、App.vue是我们的主组件，所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。所以我将router...
vue-tour-轻巧且可自定义的游览插件-Vue.js开发
05-27
Vue Tour Vue Tour是一个轻巧，简单且可自定义的Tour插件，可与Vue.js一起使用。...npm install vue-tour然后将插件导入您的应用程序入口点（如果您使用vue-cli来支撑您的项目，则通常为main.js），并告诉Vue使用它
vue全局组件与局部组件使用方法详解
11-29
main.js入口文件的一些常用配置， 在入口文件上定义的public.vue为全局组件，在这里用的是pug模版 .wraper 的形式相当于<div class=wraper></div> —main.js文件 **main.js入口文件的内容** import Vue from 'vue' ...
vue.js项目打包时出错找不到main.js
zhangyysp的博客
12-25 4156
vue.js项目打包时出错找不到main.js 打包时设置了开发环境和生产环境的入口文件分别是 配置打包文件vue.config.js(没有的话新增) module.exports = { chainWebpack: config => { // 发布模式 config.when(process.env.NODE_ENV === 'production', config => { config .entry('app')
你听过js中函数执行吗
weixin_44519496的博客
09-08 108
一、主动执行函数。 众所周知，函数一般有下面几种表现方式： 第一种：函数声明 function demo_one(){ console.log(“this is demo-one”); } 第二种：函数表达式 var demo=function(){ console.log(“this is demo-two”); } 第三种：匿名表达式 function(){ console.log(“this is demo-three”); } var name=“maomin”; function main(){/
前端笔记11——修改VUE CLI的入口文件main.js的路径（vue.config.js）
weixin_42844704的博客
05-04 5389
因为练习需要，VUE创建一个脚手架后，需要做很多不同的练习，不可能每一个小的练习都创建一个新的脚手架，所以就复制一份src文件夹，然后把原来做过的src改名。因为VUE CLI默认只识别src目录下的main.js。这样，问题就来了，每次都要改将之前该过名的目录改回src才能运行。 能不能不改文件的名称，VUE自动识别去运行自己想要的目录呢？ 在网上查了一些资料后，终于找到方法了，就是修改默认的入口文件路径，这个配置在哪里设置呢？答案在根目录下的vue.config.js配置文件上。 初始默认vue.con
vue入口文件main.js解析
qrbd4558的博客
01-17 3024
本人也是才学习Vue不久，当看到脚手架搭建出来的Vue项目不知道是怎样的一个执行过程。知道main.js是入口文件，但是不明白里面的内容是为何。下面直接上代码讲解。 import Vue from 'vue'; import App from './App.vue'; import router from './router'; import ElementUI from 'element-ui'...
vue.js 入口文件介绍
热门推荐
weixin_37331426的博客
11-01 2万+
1.main.js 程序入口文件，加载各种公共组件 render函数是渲染一个视图，然后提供给el挂载，如果没有render那页面什么都不会出来 接受传入的参数 h 函数，返回 h(App) import 'babel-polyfill' import Vue from 'vue' import App from './App' import router from './router' impo
理解Vue的入口-main.js
chongzhunxi5599的博客
07-13 678
记录一下自己对vue的入口main.js的理解，便于加深记忆 // 这是vue 加载js的入口 // 加载的都是vue的全局属性 // 引入 vue import Vue from 'vue' // 引入咱们的主页面 import App from './App' // 引入...
vue中main.js
06-12
好的，main.js 是 Vue.js 项目的入口文件。在 Vue.js 项目中，我们使用 main.js 来初始化和配置应用程序，并将其挂载到指定的 DOM 元素上。 通常情况下，main.js 中会做以下几件事情： 1. 导入 Vue.js 和其他依赖...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值