发新贴  快速回复

vue中的一些问题

小刚
2017-06-13 01:30

老师您好:后面可以讲一下vue脚手架的运行原理吗?比如index.html中本身没引入任何js文件,为什么main.js会对它起做用,还有vue文件有template script style 三部份构成是怎么打包的   在单个vue文件中script中写入export default { fn(){ retrun {name: '老师您好!'}}} 在templat 中<div>{{name}}</div>为什么可以拿到这个name 的值 。这些原理不懂呢? 说了一大堆,谢谢老师了 !

本帖内容针对以下视频发布:

课程介绍
老王爱js

看到你的问题,有点确定你基础还没掌握好,希望你把这套课程看一遍http://2017.miaov.com/v_show/1126

index.html中没有引入js,这个是webpack中热更新的作用,每次都会生在内存中

 

2017-06-13 16:37  回复本帖
小刚

谢谢老师,昨天可能我没有描述好我想问的问题。

在一个demo.js文件中暴露出一个fn方法

在另一个文件中引入这个文件 需要调用这个fn才得到这个 return 这个值这是没错的。

我想问的在vue组件中  template 为什么可以拿到这个msg 以下两点不理解

1,data方法并没有调用?

2,return 出去的也是一个对象啊?

main.js 这些代码

1,打印出App这个组件 ,组件中的data也是个方法并没有调用啊?

2,template :'<App/>' 我知道是template 中的html代码,但是这个‘<App />’是那来的?

3,还有注入的这个App 肯定也是 App: template 中的html代码 这个App是那里来的?

这是以上不明白的地方,谢谢老师在百忙中还能一条一条的回复我们提的问题 。

也做了三四年传统jquery+模板前端开发了,最近公司想做spa ,没想到学起来还这么吃力。

自从看过一个讲师讲的js的面向对象,就一直关注妙味,妙味三年会员了,虽然三年当中也很少看视频,就教育态度和分享精神来说,妙味课堂的确是业界良心。

2017-06-14 00:43  回复本帖
小刚

补充一点,我可能知道那个data是怎么回事了,就像我们平时写的 new Vue({

el:"#app",

data:{

msg: '这是vue'

}

})

如果msg :赋值的是个方法 vue内部会调用。但是main.js 中new Vue({})时 并没有给 data: 赋值啊 ?这里又不明白了,呵

2017-06-14 01:23  回复本帖
登录 后才可以发表回复