2-5的问题

2-5的问题

老师您好 我在书上看的绑定数据的写法是 先用<script>标签引入一个vue.js文件 然后 用new Vue实例化一个对象,在用el:来挂载vue实例,绑定数据的话是用data: {}为什么和视频中介绍的方法都不一样 我这样是原生的写法吗?才接触vue不是很懂

正在回答

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

2回答

你好同学 ,在一个项目中 ,new Vue是在项目下全局实例化一个对象 ,在使用webpack搭建这个项目的时候 ,也在全局下使用new Vue实例化对象 ,并且使用el挂载vue实例 ,这一点是一样的。如下:

http://img1.sycdn.imooc.com//climg/5c7b41890001a1c809350608.jpg

因为项目很大 ,所以会把它按照不同的功能拆分成不同的组件 。这样组件可以重复使用 ,也便于管理 。因为data是一个对象 ,同学在以前学习JavaScript的时候应该知道 ,对象是引用类型  ,一个对象如果赋值给不同变量 ,那么这些变量指向的是同一个内存地址 。

组件在复用的时候  ,由于每次复用这个组件的时候 ,对象都是指向同一个内存地址的 ,那么我想改变其中一个组件的data时候 ,其他组件中的data都会跟随改变。这样肯定是不合理的 ,所以在组件中使用data必须是一个函数 ,这样每次函数使用return返回数据 ,就不会让数据指向同一个地址了。

同学也可以参考官方文档进行详细了解 :

https://cn.vuejs.org/v2/guide/components.html

祝学习愉快 ,望采纳 。

好帮手慕糖 2019-03-01 19:05:43

 同学你好,直接在<script>标签中引入vue.js是在一个html文件中进行的哦,这是一种比较传统的开发模式。而我们的课程中是使用webpack这个工具来搭建的一个vue项目.技术是不断在发展的 , 目前阶段 , 前端出现了很多自动化的构建工具 , 这些工具能够帮助我们更简洁高效的进行开发工作 。
所以建议:同学按照课程中的来进行学习 。传统的开发模式因为效率低 , 维护起来也比较麻烦  ,所以一般实际开发中不会这样做 。
希望能帮助到你,祝学习愉快! 

  • 提问者 qq_那些荒废流年 #1
    那我说的书上写的用new Vue实例化一个对象,在用el:来挂载vue实例,绑定数据的话是直接用data: {}为什么和视频中介绍的方法都不一样呢 视频中绑定数据是创建一个data函数然后将数据return一下 我在书上看的绑定数据直接就用data:{}就绑定了 这是什么原因呢
    2019-03-01 19:08:05
  • 之前‘悬崖上的金魚姬’老师说了,这是两种不同绑定数据的方式,第一种new Vue实例化一个对象是在一个html文件中进行的比较传统的开发模式。但是视频中是使用webpack工具来搭建的一个vue项目,所以方式会有不同。建议同学跟着视频中进行学习哦。
    2019-03-03 10:46:20
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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