美文网首页
Vue 入门文档

Vue 入门文档

作者: 蒹葭乄白露 | 来源:发表于2019-06-26 15:42 被阅读0次

Vue 的整体认识

    不管选择什么框架,除了对基础的知识有一定的了解掌握,还应该对 ES6 有一定的了解; 

这就是我脑海中的Vue 知识体系;

一句话概况了Vue通过尽可能简单的API 实现响应的数据绑定和组合的视图组件;

Vue 的创建

一个简单的Vue 实例只需要四步即可

我们的学习目的肯定不止于创建简单的Vue 实例;而是用它去实现更加多变的功能需求;那我们需要进一步去学习 Vue-router 和 Vuex 以及 Vue-cli;

先说说基础的Vue 吧,在创建了一个简单 Vue 实例之后,我们是否还能在实例中添加更加完善的数据选项,去完成我们多变的功能需求;答案是肯定能的;

官方指令

自定义指令

Vue API

Vue 组件

Vue 实例

这就是我在学习Vue 的时候,在 Vue 实例中添加的比较多的; directives 和 components 在 Vue 实例中为创建的 局部 自定义指令和注册组件,Vue.directive() 和 Vue.component() 则是注册全局

生命周期钩子

每个Vue 实例在被创建之前都要经过一系列的初始化过程。例如需要设置数据监听、编译模板、挂载实例到 DOM、在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,给予用户机会在一些特定的场景下添加他们自己的代码。

在QQ群里看到一张生命周期图,我觉得写的特别好,感谢总结这张图的朋友。

配合着实例代码效果更佳查看代码源 

生命周期钩子的函数简单说就是八个函数

如何让Vue书写更加优雅

学习Vue过程中,感觉此文帮助很大,抄载下来以便学习。

本文抄载自GitHub,原文地址:传送门

相关文章

  • VUE基础知识入门

    VUE基础知识入门 VUE官方文档教程链接:VUE 1.什么是Vue.js Vue.js(读音 /vjuː/, 类...

  • Vue学习笔记

    0.参考文档 理解vuex -- vue的状态管理模式 vuex最简单、最详细的入门文档 vue+webpack项...

  • vuex入门详解

    vuex最简单、最详细的入门文档 vuex最简单、最详细的入门文档 如果你在使用 vue.js , 那么我想你可能...

  • vue文档入门

    http://aicoder.com/vue/preview/all.html#5

  • Vue 入门文档

    Vue 的整体认识: 不管选择什么框架,除了对基础的知识有一定的了解掌握,还应该对 ES6 有一定的了解; 这就是...

  • Web App开发--vue.js入门与实践

    1. Vue是什么 vue.js官方文档有中文版,有例子实践,非常容易入门。vue官方对vue.js的定义是: V...

  • Web App开发--vue.js入门与实践

    1. Vue是什么 vue.js官方文档有中文版,有例子实践,非常容易入门。vue官方对vue.js的定义是: V...

  • vue进阶 - vuex安装及使用

    基础入门文档建议直接查看vuex中文文档vuex中文文档 我的理解:在 Vue.js 的项目中,如果项目结构简单,...

  • vue入门:使用mockjs搭建vue项目测试服务器

    在以前的文档中,我们构建了vue项目的整体架构,详见vue入门:vue项目架构设计起步,现在我们主要对其中的moc...

  • vue入门:对vue项目中api接口的封装管理

    在以前的文档中,我们构建了vue项目的整体架构,详见vue入门:vue项目架构设计起步,现在我们主要对其中的api...

网友评论

      本文标题:Vue 入门文档

      本文链接:https://www.haomeiwen.com/subject/iuvccctx.html