课程
/前端开发
/Vue.js
/vue.js入门基础
有个疑问想请教一下 就是在hello.vue中的<template>中绑定了vue实例中的数据,但为什么没有new Vue的实例啊 而是export一个data函数
2017-02-09
源自:vue.js入门基础 1-5
正在回答
这里我讲的不够细,也跟当时理解得不深有关。一个vue项目制new Vue一次,通常是在main.js里,这次实例化的Vue对象是根组件,其他的子组件都是通过配置文件的方式一层一层的叠加上的,通过vue组件配置进行叠加的子组件,其实是vue的一种省略机制,它避免了你每次都去实例化子组件。
vue-cli生成的项目脚手架里,通过webpack配置很好的处理了这些问题,每个单文件组件 *。vue js输出的就是一份配置,就足够了,最终他们都会汇总到app.vue,app.vue再在main.js里实例化,也就是说这套脚手架里面只有一个实例化对象。
慕粉1933298277
哦哦,谢啦~估计是考虑到ie6,因为除了a标签,大多数标签鼠标hover是不被识别的。不过,还是个人建议样式还是尽量由CSS控制,尽量做到样式与结构分离。
如果没有var vm=new Vue({ }) 怎么取vue对象vm,里面有很多方法,比如vm.$watch 新手求解
这个问题困扰我很久 原来如此
学习了 学习了
export default{data(){}} = new Vue({data: {}})
看下第二章第一节的视频,里面开头的时候提到,export ... 这种的语法格式会自动生成new Vue({}) 的这种实例对象。
<template>
<div>{{msg}}</div>
</template>
export default{
data(){
return {
msg:"hello world"
}
代码就这样,为什么不new Vue的实例?
这个应该是Vue.js的一种机制吧。可以用Vue对象去填充数据,也可以用函数里的数据去填充。仅供参考。
wanghaifen 提问者
把代码贴出来?
举报
本门为vuejs入门教程,详细的讲解加实战,可以帮你进入vuejs的大门