组件，是一个具有一定功能，且不同组件间功能相对独立的模块。高内聚、低耦合。 开发可复用性的组件应遵循以下原则： 1.规范化命名：组件的命名应该跟业务无关，而是依据组件的功能命名。 2.数据扁平化： 定义组件接口时，尽量不要将整个对象 ...

第一步：配置环境 安装cnpm 安装@vue/cli 检查版本是否正确 使用vue.server和vue.build对*.vue文件进行快速原型开发，需要安装vue serve 新建一个App.vue文件测试安装是否成功 ...

一. 通过axios实现数据请求 　　1. json简介 　　json是 JavaScript Object Notation 的首字母缩写，单词的意思是javascript对象表示法，这里说的j ...

在开始本文之前，你可能需要先了解以下相关内容： Vue.js 一款高性能轻量化的MVVM框架 Webpack 前端模块化代码构建工具 Vue组件介绍 基于vue.js高效的双向数据绑定特性，让我们在开发高可用组件时可以更加专注于数据逻辑开发； 忘记DOM操作，忘记事件绑定，让开发 ...

组件化开发 基本概念 　　 在最开始的时候，已经大概的聊了聊Vue是单页面开发，用户总是在一个页面上进行操作，看到的不同内容也是由不同组件构成的。 　　 通过用户的操作，Vue将会向用户展示某些组件，也会隐藏某些组件。 　　 一个Vue的项目就是一个Vue的实例对象。而用户看到的页面 ...

一、注册组件步骤 1.Vue.extend(): 调用Vue.extend()创建的是一个组件构造器 通常在创建组件构造器时，传入template代表自定义的组件模板 该模板就是要显式的HTML代码。 2.Vue.component(): 调用 ...

1、Vue组件化开发思想。 引述：组件化规范Web Components。 　　1）、我们希望尽可能多的重用代码。　　2）、自定义组件的方式不太容易（html、css、js）。　　3）、多次使用组件可能导致冲突。　　4）、Web Components通过创建封装好功能的定制元素解决上述问题 ...

零：单文件组件 1.简介 在很多 Vue 项目中，我们使用 Vue.component 来定义全局组件，紧接着用 new Vue({ el: '#container '}) 在每个页面内指定一个容器元素 这种方式在很多中小规模的项目中运作的很好，在这些项目里 JavaScript 只 ...