export default 和 export 的使用方式
1、ES6规定,导入模块使用 import 模块名称 from '模块标识符'; 或 import 'css资源路径';
ES6中,使用export default {name:'zs'}和export向外暴露成员。
在Node中,使用 var 名称 = require('模块标识符');来导入模块;使用module.exports= {name:'zs'}和exports来暴露成员
2、组件register.vue里面暴露数据
<template> <div> <h1>这是注册组件11111---{{msg}}</h1> </div> </template> <script> export default { data: function() { return { msg: "register组件里面定义的msg" } } } </script>
3、在一个模块(组件)中,只能有一个export default,同时还可以使用export
// 暴露的代码test.js: export default { name: 'zs', age: 20 } export var title = '标题'; export var content = '内容'; // 导入的代码main.js: import abc, {title as title123, content} form './test.js'; console.log(titel123+'---'+content); // export暴露的成员,也可以不通过{}导入,这称之为按需导入
posted on 2019-07-25 23:08 wenbin_ouyang 阅读(1041) 评论(0) 编辑 收藏 举报