vue的main.js讲解一

vue的main.js整体布局

开发模式与生产模式

没输入等于开发模式
开发模式等于【Vue.config.productionTip = true】
生产模式【Vue.config.productionTip = false】

下方的new Vue

new Vue({render: h => h(App),}).$mount('#app')

变量是(App)【注意这里是大写的】
生成一个元素挂载到#app里面：

render: h => h(App)

详细解释：
这个表达式最终会生成一个ES5版本的函数
ES5版本中

render:function(createElement){return(createElement(APP)}

ES6中的是这里少function

render(createElement){return createElement(App)}

ES6中的简写元素 createElement写成h

render(h){return h(App)}

ES6中的再简写===写成箭头函数

render: h => h(App);

其中
函数里面的参数(createElement)是创建一个元素的意思

$mount 手动挂载的意思
#app指向index.html的

意思是：
创建的这个元素挂载到#app这里

放上代码

import Vue from 'vue'; // 默认去node_modules文件目录去找到这个vue
import App from './App.vue'; // 这个就是src目录下的App.vueVue.config.productionTip = truenew Vue({ render: h => h(App), }).$mount('#app')
// 变量是(App)大写的
// 生成一个元素挂载到#app里面：// 详细解释：
// 这个最终会生成一个ES5版本的函数
// render:function(createElement){}
//   return createElement(APP)
// ES6中的是
// render(createElement){return createElement(App)}
// 简写
// render(h){return h(App)}
// 再简写
// render: h => h(App);
// 其中
// 函数里面的参数(createElement)是创建一个元素的意思// $mount 手动挂载的意思
//  #app指向index.html的    <div id="app"></div>
//  意思是：
//  创建的这个元素挂载到#app这里

vue的main.js讲解一相关推荐

vue项目中主要文件的加载顺序（index.html、App.vue、main.js）
先后顺序: index.html > App.vue的export外的js代码 > main.js > App.vue的export里面的js代码 > Index.vue的ex ...
vue项目中app.vue 、main.js和 index.html的关联
1.main.js是我们的入口文件,主要作用是初始化vue实例并使用需要的插件. import Vue from 'vue' import App from './App'/* eslint-disa ...
vue 入口main.js 调用app.vue 入口页面以及触发第三方登陆校验
main.js 代码: // The Vue build version to load with the `import` command // (runtime-only or standalon ...
js 获取vue组件html_关于Vue中main.js，App.vue，index.html之间关系进行总结
在初始化的Vue项目中,我们最先接触到的就是main.js,App.vue,index.html这三个文件,我们从培训视频或者官方文档上可以了解到: index.html---主页,项目入口 App. ...
vue main.js 引入全局 js 统一导入 js
main.js 代码 // 导入axios import axios from axios // 添加到 vue 的 this 属性上(全局使用) Vue.prototype.axios = axio ...
vue main.js中引入js_web前端的同学不容错过，大厂Vue最佳实践总结，提高竞争力...
随着这几年前端技术的快速发展,Vue框架在国内普及率极高,人人都会用.那么,如何才能写得比别人优雅?比别人漂亮? 鉴于一线互联网大厂在前沿技术领域的持续研究和大规模投入,直接向他们取经,是最便捷也是最 ...
[转]vue项目中，main.js,App.vue,index.html如何调用
1.main.js是我们的入口文件,主要作用是初始化vue实例,并引入所需要的插件 2.App.vue是我们的主组件,所有页面都是在App.vue下进行切换的.其实你也可以理解为所有的路由也是App. ...
总结Vue中index.html、main.js、App.vue、index.js之间关系以及Vue项目加载流程
总结Vue中index.html.main.js.App.vue.index.js之间关系以及Vue项目加载流程文章目录总结Vue中index.html.main.js.App.vue.index ...
vue小项目整理—main.js（一）
1.在main.js中引入vue-router插件(引用组件地址)和vue-resource(为了使用外部json数据)插件. import vueRouter from 'vue-router' i ...

vue的main.js讲解一

vue的main.js讲解一相关推荐

最新文章

热门文章