vue的export default和new vue（{}）

最新推荐文章于 2024-06-17 02:08:23 发布
最新推荐文章于 2024-06-17 02:08:23 发布
阅读量1.2w 收藏 10
点赞数 2
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_24713805/article/details/78720408
版权

最近看了些vue，查了一些资料才明白export default 是什么意思。。。

    对于export defalut 在是输出，在vue里面的用法是用来输出组件，相当于把接口暴露在外部，共所有文件用import来调用，

  而new vue（{}）是创建一个vue实例化，对组件进行数据操作

天空之枫
关注
  • 2
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
记一次nuxt重构项目经历
weixin_42069147的博客
04-20 913
遇到的问题 1、在asyncData里发送请求，会在node服务端发送请求拿到数据进行拼接渲染，而我的登录状态是基于cookie做的，axios怎么在服务端获取cookie？ 使用cookie-universal-nuxt插件 安装：npm i --save cookie-universal-nuxt 在nuxt.config.js中进行配置 { modules: [ // Simp...
vue里的export default
热门推荐
张木期的博客
08-19 5万+
相信大家看Vue项目肯定会看到各种导入导出,下面来介绍一下. Vue 的模块机制 Vue 是通过 webpack 实现的模块化，因此可以使用 import 来引入模块，例如： 　　此外，你还可以在 bulid/webpack.base.conf.js 文件中修改相关配置： 　　意思是，你的模块可以省略 “.js”，".vue"，“.json” 后缀，weebpack 会在之后自动添加上；可以用 “@” 符号代替 “src” 字符串等。 　　 　export 用来导出模块，Vue 的单文件组件通常需要导出
vue2源码解析——new Vue()这个过程究竟做了什么？
最新发布
2401_85124821的博客
06-17 673
其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）《前端开发四大模块核心知识笔记》最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。
知识1： VUE里面的export default 是什么
qq_38210427的博客
03-13 1万+
vue
export default和export的区别
luoxiaonuan_hi的博客
05-15 1174
都是es6的语法，都属于导出， export default 是默认导出，只能导出一个模块对象，一个模块中只能使用一次,import引入时直接引入默认导出的变量名即可 export是导出，一个模块中可以使用多次,用于导出模块中的变量，对象，函数，类。 对应的导入关键字是import，对应引入导出的变量需要是按需引入，export对应的import必须加上{} // test.js export default const a = 1;对应的import分别是import a from 'test' ex
new vue({}) 与 export default {} 区别
九亿宅男的梦的博客
06-26 2345
1. new Vue({}) 是为了实例化,而export default {}是导出模块,供其他模块进行调用, new Vue({}) ->创建一个Vue的实例 就是相当于创建一个根组件；而export default 相当于使用Vue.component注册了一个全局组件或者是一个单纯的局部组件。就像一个模板一样，还没有被用到 。那在什么时候用呢。创建实例的时候 也就是 new Vue...
解决vue中修改export default中脚本报一大堆错的问题
10-18
今天小编就为大家分享一篇解决vue中修改export default中脚本报一大堆错的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue export import 导入导出的多种方式与区别介绍
10-15
在Vue.js开发中，`export` 和 `import` 关键字是ES6模块系统的核心，用于分享和使用代码。在Vue项目中，我们通常需要在组件、指令、插件等不同部分之间导入和导出功能。以下是关于Vue `export` 和 `import` 的多种...
vue组件的使用.md
05-16
export default{ components:{Zujian1}, name:"Index", data(){ return{ } } } 2组件文件如下所示 <h1>hello [removed] export default{ name:"Zujian1", data(){ return{ } }, ...
html中使用vue和echarts
02-20
export default { data() { return { chartInstance: null, options: {/* ECharts配置项 */} } }, mounted() { this.initChart() }, methods: { initChart() { this.chartInstance = ECharts.init(this....
HTML-引入Vue3和Element Plus
04-24
export default { methods: { handleClick() { alert('按钮被点击了！'); } } } ``` 这段代码展示了如何在Vue组件中使用Element Plus的按钮组件，并监听其点击事件。 总结起来，这个项目展示了如何在HTML中...
为什么vue中的data要用return返回
weixin_41807530的博客
07-01 580
export default{ data(){ return { } } } 主要就是为了防止数据污染 return包裹后就是当前组件可用。不会影响其他组件。
在export default{}中使用data、created，并在html中使用v-for将data中的数据与节点互动
weixin_46353030的博客
07-30 2625
现在有一个Object类型的数组arrObject，我需要在html标签中循环遍历arrObject，取出arrObject中的age属性 一、data(){} data在export default的语法结构 export default { data(){ return{} } } 在data中定义arrObject对象 export default { data(){ return{ arrObject:{}//定义对象的语法结构 value:''//定义变量的语法
vue[混入功能的探索学习]
墨水白云的博客
06-29 258
vue中的混入功能其最主要的目的是为了提取组件之间的通用代码，维护组件之间的关联，这个功能不会用也不会影响开发，但是如果会用混入，会让开发变得更加的快捷。 混入的几点总结： 第一点：混入仅仅针对组件中的 script 标签所包裹的内容。且本身内容为js相关内容。如： var mixin = { data(): {return{}}， computed:{}, watch:{}, methods:{}, created(){}, ...... } 可以看出混入的选项内容和组件的scr
八. vue文件里的export default解释
HSH541的博客
03-21 7320
.vue文件一般都是以模板形式存在，我们会在里面定义页面的表现内容，其中我们会看到一个export default的东东，对于刚学的童鞋来说，估计有点蒙，今天来解释下。 export default是ES6的语法，意思是将这个东西导出，你要import 引入东西，导出了才能引用，来段代码，如下： <script> export default { name: 'hello', data () { return { webfront: 'Web前端之家！' }
export与export default详解
程邓楠的博客
07-18 1万+
export和export default是做什么的呢？ export和export default是用来导出常量、函数、文件、模块的。是ES6语言。 export和export default都要如何使用呢？ export具体使用 设置变量，然后使用export导出 //--------------第一种方式：定义变量与导出分开------------------------------ var one = "export导出" var two=["AAA","BBB","CCC"] expo
export default {} 和new Vue()区别
weixin_30437847的博客
09-10 2471
1.export default 的用法：相当于提供一个接口给外界，让其他文件通过 import 来引入使用。 而对于export default 和export的区别: 在JavaScript ES6中，export与export default均可用于导出常量、函数、文件、模块等，你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入...
Vue 之 new vue({})与export default {} 的区别
编程者说的博客专栏
04-24 3487
刚入门 vue 的，可能会有这样的困惑：什么时候用new vue({})，什么时候用export default {} 呢？ 比如，我们在用 cli 创建项目时， 1、在 main.js 入口里面用的时new vue({}) 2、在其他组件里面用export default {} 常见疑问： new vue({}) 只在入口文件 main.js里使用，而其余组件的里的属性和方...
Vue的组件为什么要export default
weixin_30485379的博客
03-13 1661
Vue 的模块机制 　　Vue 是通过 webpack 实现的模块化，因此可以使用 import 来引入模块，例如： 　　此外，你还可以在 bulid/webpack.base.conf.js 文件中修改相关配置： 　　意思是，你的模块可以省略 ".js"，".vue"，“.json” 后缀，weebpack 会在之后自动添加上；可以用 "@" 符号代替 "src" 字符串等。 ...
export default和new vue用法
03-16
在Vue中，我们可以使用export default来导出一个Vue组件，例如： ``` <h1>{{ message }} export default { data() { return { message: 'Hello, Vue!' } } } ``` 这个组件可以在其他Vue组件中通过...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值