关于 vue中 export default 和 new Vue({})

对于刚开始学习vue的人(像我),一般都不会清楚的知道两者之间该怎么区分,甚至觉得两者是一样的。

那么,经过我的查证,发现两者之间是没有任何联系的。

export default

ES6 Module语法中的命令,是为了方便 使用import命令时 必须要知道所加载的变量名或函数名,否则无法加载的问题。

地址:http://es6.ruanyifeng.com/#docs/module#export-default-%E5%91%BD%E4%BB%A4

export default命令并不是在每个文件中都是必须的。它的作用只是用于导出模块,在别的模块需要调用这个模块的时候,可以通过import命令引入使用的。

new Vue({})

vue中创建根实例的方法。

当创建一个vue实例时,可以选择通过传入选项对象来达到自己想要的行为。

完整的选项列表地址:https://cn.vuejs.org/v2/api/#%E9%80%89%E9%A1%B9-%E6%95%B0%E6%8D%AE

原文地址:https://www.cnblogs.com/wangrenmeng/p/8629409.html

时间: 2024-10-05 05:21:22

关于 vue中 export default 和 new Vue({})的相关文章

Vue 中 export default 和 module.exports

export default 服从 ES6 的规范,补充:default 其实是别名 module.exports 服从CommonJS 规范 一般导出一个属性或者对象用 export default 一般导出模块或者说文件使用 module.exports 以上来自网络,不一定准确,有待进一步确认. 附带: import from 服从ES6规范,在编译器生效 require 服从ES5 规范,在运行期生效 目前 vue 编译都是依赖label 插件,最终都转化为ES5.

Vue中 export default 和 export 区别

1.export与export default均可用于导出常量.函数.文件.模块等2.在一个文件或模块中,export.import可以有多个,export default仅有一个3.通过export方式导出,在导入时要加{ },export default则不需要 4. (1) 输出单个值,使用export default (2) 输出多个值,使用export (3) export default与普通的export不要同时使用 示例: 1.export //a.js export const

说明与比较:new Vue() 和 export default {}

在生成.导出.导入.使用 Vue 组件的时候,像我这种新手就会常常被位于不同文件的 new Vue() 和 export default{}.它们含义到底是什么,又有什么异同呢? 首先,Vue 是什么? po 主的理解是 Vue 就是一个构造函数,生成的实例是一个巨大的对象,可以包含数据.模板.挂载元素.方法.生命周期钩子等选项. 所以渲染的时候,可以使用构造 Vue 实例的方式来渲染相应的 html 页面: new Vue({ el: '#app' ... }) 那么 export defau

vue中export和export default的使用

1 export的使用 比喻index.js要使用test.js中的数据 首先在test.js文件中进行导出操作 在index.js文件进行导入操作 第一种方法: 此时的输出结果是: 注意: export 不能直接写成这样子 export{ "":"" // 这样会报错 .... } 2 export default的使用 test.js文件 index.js文件中: 输出的结果: 注意: export default let a=10 // 不能类似这样的写 一样

vue中的锚链接跳转问题

vue中的锚链接跳转问题 在vue中的锚链接和普通的html不同,关于vue中的锚链接可以参考vue 中的  scrollBehavior 滚动行为 在router.js中 //创建 router 实例 const router = new VueRouter({ routes, mode: 'history', scrollBehavior(to, from, savedPosition) { if (to.hash) { return { selector: to.hash } } } })

better-scroll在vue中的使用

一.介绍 关于better-scroll的原文详细介绍请参考,这里只做总结 黄老师的文章<当 better-scroll 遇见 Vue>的详细介绍 better-scroll的api:点击 better-scroll的滚动原理 <div class="wrapper"> <ul class="content"> <li>...</li> <li>...</li> ... </u

在 vue 中使用 jsx 与 class component 的各种姿势

在之前我们分享过一次 一个使用 react 的思想去使用 vue 的方式. 随着组内很多时候为了让 view 层更加清晰,和一些复杂的逻辑处理,导致现在 vue 代码中 jsx 的代码越来越多,这里进行一个整理说明 如何使用先参看腾讯 alloyTeam 这篇文章: 用 jsx 写 vue 组件里面有提到使用 babel-plugin-transform-vue-jsx babel 6 插件来处理 jsx 的编译. 当然可能是官方也知道在一定的场景下 jsx 相对模板是有优势的,于是单独有了这个

项目vue中使用echarts步骤

1.在组件中创建该模块 <template> <div id = "testChart"></div> </template> 2.导入echarts 前提是:已经在项目中配置过echarts 在<script></script>中导入echarts <script> import {echartInit} from "../../../utils/echartUtils" <

vue中axios的基本配置

vue中axios的基本配置 1.配置默认地址 axios.defaults.baseURL = ""; 2.发送数据详解 axios 使用 post 发送数据时,默认是直接把 json 放到请求体中提交到后端的.也就是说,我们的 Content-Type 变成了 application/json;charset=utf-8 ,这是axios默认的请求头content-type类型.但是实际我们后端要求的 'Content-Type': 'application/x-www-form-