Vue 爬坑之路（五）—— 组件进阶
组件（Component）是 Vue.js 最强大的功能之一，之前的文章都只是用到了基本的封装功能，这次将介绍一些更强大的扩展。 一、基本用法 在使用 vue-cli 创建的项目中，组件的创建非常方便，只需要新建一个 .vue 文件，然后在 <template> 中写好 ...
原文：Vue 爬坑之路（九）—— 用正确的姿势封装组件
迄今为止做的最大的 Vue 项目终于提交测试，天天加班的日子终于告一段落。。。 在开发过程中，结合 Vue 组件化的特性，开发通用组件是很基础且重要的工作 通用组件必须具备高性能 低耦合的特性 为了满足这些特性，开发的时候有很多需要注意的地方，这里我和大家分享一下我的心得 一 数据从父组件传入 为了解耦，子组件本身就不能生成数据。即使生成了，也只能在组件内部运作，不能传递出去。 父对子传参，就需要 ...
2017-07-25 19:12 5 17210 推荐指数：
相关推荐
Vue 爬坑之路（二）—— 组件之间的数据传递
Vue 的组件作用域都是孤立的，不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。 首先用 vue-cli 创建一个项目，其中 App.vue 是父组件，components 文件夹下都是子组件。 一、父组件向子组件传递数据 在 Vue 中 ...
html中加载vue组件的正确姿势
http-vue-loader 直接从html / js加载.vue文件。没有node.js环境，没有构建步骤。 示例 这是一个vue文件：my-component.vue 利用http-vue-loader插件，在index.html文件中使用my-component.vue文件 ...
Vue3.0正确引入Element UI组件的正确姿势
命令引入参照官方文档：https://element.eleme.cn/#/zh-CN/component/installation npm i element-ui -S main.j ...
在vue项目中封装echarts的正确姿势
说明 随着echarts版本的更迭，很多书写方式都有了变化，本文于2021/04/25更新了一次，具体可查看源码：github源码地址 为什么需要封装echarts 每个开发者在制作图表时都需要从头到尾书写一遍完整的option配置，十分冗余 在同一个项目中，各类图表设计十分相似 ...
vue封装组件的正确方式-封装类似elementui的组件
最近读了下element的源码，仿照他封装了两种不同的组件。 第一种：通过组件来调用显示的 <!--src/component/custom/main.vue--> 组件说明：只是一个简单的组件 显示一个标题和一段自定义slot内容（仅用作展示 ...
Vue 爬坑之路（一）—— 使用 vue-cli 搭建项目
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，GitHub地址是：https://github.com/vuejs/vue-cli vue/cli 3.x 已经发布，如果使用 3.x 构建项目，请参考《Vue 爬坑之路（十二 ...
Vue 爬坑之路（三）—— 使用 vue-router 跳转页面
使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生。 官方文档： https://router.vuejs.org/zh-cn/essentials/getting-started.html ...