vue零散记录之组件引入 components

最近做的项目较为复杂,写法五花八门,这里做了简单累计,

最近学到一种新的写法,

比如有组件a.vue和子组件b.js,

其中组件b.js内容为:

export const s1 = `我是a.js的内容`;

export const s2= `我是a.js的内容`;

当a.vue 引入b.js的时候

import { s1, s2} from "./b.js";

export default {

    components: {

     ss: s2, //意思是b.js中的s2在a.vue中重新命名为s2。 类似声明的作用。但是还未用到

    }

template:''

  

}

上面的这种写法方便在不同组件中使用的时候应用场景不同,根据应用场景来重新定义名字。

大概就这个意思吧,筒子们可以自己尝试一下。

后续有新的发现,会做补充。

你可能感兴趣的:(vue,vue.js,javascript,前端)