Vue是企业招聘过程中非常重视的技术点，也是每一个参加郑州Web前端培训班必学的知识点。组件是Vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。那么该如何快速掌握Vue组件功能呢?今天千锋郑州老师就给大家介绍一下Vue相关的知识。

　　Vue.js是当下很火的一个JavaScriptMVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。

　　Vue.js的指令是以v-开头的，它们作用于HTML元素，指令提供了一些特殊的特性，将指令绑定在元素上时，指令会为绑定的目标元素添加一些特殊的行为，我们可以将指令看作特殊的HTML特性(attribute)。Vue.js提供了一些常用的内置指令，包括v-if指令、v-show指令、v-else指令、v-for指令、v-bind指令、v-on指令等。

　　ViewModel是Vue.js的核心，它是一个Vue实例。Vue实例是作用于某一个HTML元素上的，这个元素可以是HTML的body元素，也可以是指定了id的某个元素。

　　组件(Component)是Vue.js最强大的功能之一，使用组件化方式开发，可以封装可重用的代码，减少重复劳动。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树。

　　创建Vue的组件都有三个基本步骤：创建组件构造器、注册组件和使用组件。

　　创建组件构造器的方法很简单，语法是：var MyCompontent=Vue.extend({...});然而这个时候还不能直接使用组件，需要把组件注册到应用中。

　　Vue.js提供了两种注册组件的方式，分别为全局注册和局部注册：

　　全局注册：需要确保在根实例初始化之前注册，这样才能使组件在任意实例中都可以使用。注册方式如下：

　　Vue.component('my-component',MyComponent);//此句一定要放在new Vue({...});之前注册过程中也指定了组件的HTML标签。

　　局部注册：限定了组件只能在被注册的组件中使用，而无法在其他组件中使用。

　　在使用组件的过程中，浏览器渲染结果相同。只是全局注册的my-component标签可以在HTML文档中任何地方使用，而局部注册的my-compoment标签只能在id为app的容器下使用。

　　Vue.extend和Vue.component的区别和联系：extend 是构造一个组件的语法器，你给它参数，它给你一个组件 ，然后这个组件可以作用到Vue.component这个全局注册方法里，也可以在任意vue模板里使用car组件。

　　以上就是千锋郑州老师分享的Web前端教程学习中有关Vue的知识点，想了解更多前端学习教程资料，你可以关注“千锋郑州校区”微信公众号，你也可以直接报名千锋郑州Web前端培训两周免费试听体验效果，高端教学品质，给你不一样的学习体验!

上一篇

郑州Java课程入门之常用的Java类库解析（一）

下一篇

郑州Java培训教程之反射机制解析