想学习下Vue,买哪本书比较好。

JavaScript09

想学习下Vue,买哪本书比较好。,第1张

不推荐买书看,现在出来的那几本书,不如看官方文档。ng既然用过,vue上手更简单,指令都差不多。可以去慕课网跟着视频做个项目,基本就差不多了。框架学习会用就好,其他的项目管理、插件选用、技术选型都是个人沉淀的东西。

Vue框架算是比较高级的框架,所以在使用过程中还需要JavaScript、JavaScript 2015、WebPack、NodeJS、npm、ESLint、JavaScript单元测试框架等其他知识和框架的使用方法。在学习Vue之前,最好先学习一下这些知识。由于Vue的中文文档比较完善,所以这里只介绍Vue框架的一些核心概念,详细的使用方法还得查看官方文档。

Vue的中文文档可以查看https://cn.vuejs.org/v2/guide/installation.html 。

Vue路由功能需要导入vue-router,它的中文文档可以查看https://router.vuejs.org/zh-cn/ 。

Vue的状态管理功能需要使用vuex,它的中文文档可以查看https://vuex.vuejs.org/zh-cn/ 。

如果需要更多Vue资料,可以查看awesome-vue,列举了很多Vue资源。

当然最简单和直接的还是看视频,到百度网盘上面搜索下,慕课网的vue2.0从基础到实践是我感觉非常好的一套视频,你对着做下,或者找个项目边做边学,能很快提高,另外iview是一个很不错的东西,等你学会了vue的基本应用,研究下iview封装好的component,就能作出很漂亮的网页了

通过ref来获取页面上的dom

若在一个组件<item>中添加上ref,那么获取到的dom就是对应的组件,也就是可以获取到组件的引用。

可以获取到组件中定义的data数据

父组件传值给子组件通过属性来传。

过来的值赋值给定义的值,然后修改那个值

子组件通过事件触发来向父组件传值

定义一个全局组件

父组件给子组件通过属性传递一些值,而子组件做的一些约束就是组件的参数校验

父组件要传一个名叫content的属性,而子组件刚好定义了content的prop,这个就是props特性

非props特性

例如:给子组件的标签中定义一个click事件

上面的实现是错误的,原因就是在子组件中定义的@click中的click是监听的自定义事件的名称,它是接收子组件触发的事件名称,如:this.$emit('click'),@click是接收这样的事件的,并不是我们熟知的点击事件

实现上面的例子

方法一:

方法二

在click中添加.native就可标明为原生事件

方法一,使用Vuex

方法二,使用发布订阅模式,也称为总线机制

怎么使父组件给子组件优雅的传递dom,例如父组件要给子组件传递<p>Dell</p>

按以往的方法应该是

使用slot可以解决问题

如果template中有多个<slot>,那怎么确定哪个slot要那些dom呢

可以通过名称来确定对应的dom,如

通过动态组件来怎么实现呢

切换的时候,每次都是先销毁,然后再创建子组件,每次切换都销毁和创建

v-once就是为了避免这种情况的发生,使用v-once第一次展示的时候,会将组件放到内存中,第二次就不需要创建组件了,可以直接从内存中读取到

参考

Vue.js API文档

慕课网:Vue2.5开发去哪儿网App 从零基础入门到实战项目