欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > vue >内容正文

vue

《vue2.0基础系列》目录大全,你要的都在这里

发布时间:2025/3/15 vue 31 豆豆
生活随笔 收集整理的这篇文章主要介绍了 《vue2.0基础系列》目录大全,你要的都在这里 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

响应你们的反馈,整个基础系列连载结束后,按照惯例(《趣味ES6系列》就这么干过),有必要出一篇汇总,方便大家学习。

在这里,你可以找到整个系列的文章入口,再也不用再历史消息里面翻来翻去了。

 目录

 第1节

原文:《Vue.js框架是什么,为什么选择它?》

预读:为了更好满足当前移动webapp项目的开发需求,MVVM框架诞生,而Vue.js便是这样的一种js框架,其两大核心:数据驱动和组件化。

 

第2节

原文:《简易安装和快速入门Vue.js》

预读:了解了Vue.js的数据驱动和组件化两大核心了,你已经入门了。后面的章节都是围绕这两个核心点来展开讲解。

 

第3节

原文:《创建一个Vue实例,超简单》

预读:创建并使用一个Vue实例并不难,仅需4步走。

 

第4节

原文:《定义一个vue实例的4个常用选项》

预读:定义一个vue实例常用的4个选项:过滤器filters、计算属性computed、方法methods、观察watch。

 

第5节

原文:《轻松掌握vue实例的生命周期》

预读:掌握实例生命周期的8个阶段,最为常用的钩子是:created 成功创建。

 

第6节

原文:《教你如何在html中绑定数据》

预读:在视图绑定数据的方法:Mustache语法,绑定纯HTML,绑定属性,支持javascript表达式的写法,以及表达式写法和computed区别。

 

第7节

原文:《实战前必须掌握的10个指令(上)》

预读:学完本节,你应该掌握了 v-text 、 v-html 、 v-show 、 v-if 、 v-else 这5个指令的用法,并能区别使用 v-if  和   v-show 这2个指令。

 

第8节

原文:《实战前必须掌握的10个指令(下)》

预读:学完本节,你应该掌握了 v-for 、 v-bind 、 v-on 、 v-model 、 v-once 这5个指令的用法,加上第七节的5个指令,可以满足你在开发中的需求了。

 

第9节

原文:《掌握vue的另一个核心:组件》

预读:掌握如何规划设计一个组件,注册以及其注意事项,运用组件与 v-for 指令实现列表渲染。

 

第10节

原文:《实现vue组件之间的通信》

预读:掌握父→子组件、子→父组件之间的通信,在接下来的实战中将会非常有用。

 

第11节

原文:《动态绑定class和style》

预读:采取动态绑定class还是动态内联样式style,这个要根据需求分析来具体确定。但较为常用的还是使用绑定class。

 

实战案例

原文:《实战:用学过的知识做一个小demo》

预读:完成整个demo的练习,你已经完全掌握了vue基础的基础知识,为进阶阶段的学习做好了准备了。

总结

以上是生活随笔为你收集整理的《vue2.0基础系列》目录大全,你要的都在这里的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。