4-1 问题 老师 这个自定义的常量引用 不需要在components中初始化吗

4-1 问题 老师 这个自定义的常量引用 不需要在components中初始化吗

import {navItems} from './config';

export default {
 name: 'HomeNav',

 created() {
   this.navs = navItems;
 }

};


只有引入页面还有插件的时候才需要初始化吗?这个规则是什么呀老师

正在回答

登陆购买课程后可参与讨论,去登陆

2回答
/*
  我们来讲个最简单的 父亲,儿子 ,孙子的 例子
  要注意以下几点:
        1.先实例化对象vm
        2.造出parent模板,并挂载在 vm的 conponents 下
        3.造出 son 模板 并 挂载 在 父级 parent 的conponents下,并在 父级template属性中 包裹住自己的 模板名标签 ;同理 造出孙子标签
        4.在HTML节点中添加 目标 根节点(节点的顺序一定要书写正确)
*/
<div id="app">
  <parent></parent>
</div>

//创建 孙子 模板
  let grendson = { 
    template:"<div>孙子</div>"
 }

//创建 儿子 模板
  let son= { 
    template:"<son>儿子<grendson >孙子</grendson ></son>"
    components:{
     grendson 
    }
 }

//创建 父亲 模板
  let parent = { 
    template:"<div>父亲<son></son></div>"
    components:{
     son
    }
 }
//实例化vm对象
  let vm = new Vue({
    el:"#app",
    data:{
    },
    components:{
      parent
    }
});

老师帮你写了一个例子,再理解一下,如果未能解决你的疑惑,建议上传完整的代码截图加以说明哦

祝学习愉快!

  • 0DYT0 提问者 #1
    感谢老师,理解了!
    2019-05-18 14:37:56
卡布琦诺 2019-05-18 10:29:55

这是在复用组件的时候用到的。假设我们写了一个单页面组件 A 文件,而在另一个文件 B 里面需要用到它,那么就要用 ES6 的 import/export 语法 ,在文件 A 中定义输出接口 export xxx,在文件 B 中引入 import xxx,然后再生成一个 Vue 实例 new Vue (xxx),把引入的组件用起来,这样就可以复用组件 A 去配合文件 B 生成 html 页面了。所以在复用组件的时候,export 和 new Vue 缺一不可

希望可以帮到你!



  • 提问者 0DYT0 #1
    老师 components里面初始化就相当于 new Vue()了吗,只有引入组件的时候需要,引入变量的时候不需要生成实例是麽
    2019-05-18 11:24:27
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星

相似问题

登录后可查看更多问答,登录/注册

热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师