先来个简单的数据 1 lists = [{ 2 id: 1, 3 title: '第一层', 4 children: [{ 5 id: 3, 6 title: '第二层', 7 children: [{ 8 id: 4, 9 title: 第三层 10 }] 11 }] 12 }，{ 13 id: ...
分类：
其他好文 时间：
2020-05-07 13:54:01
阅读次数：
91
最近在维护公司的项目，当我拿到项目时，发现他用了vue。 但是~~仅仅是引用vue.js文件，整体的架构还是html那种，没有用webpack！ 当时觉得~哇~原来还可以这样！ 然后了解了业务逻辑和代码逻辑，觉得这个人写的~emmm~~~，没办法只能按照之前的思路去写~ 开发新页面时，我就引用了vu ...
分类：
Web程序 时间：
2020-05-06 10:22:58
阅读次数：
1098
有时候使用Vue组件需要在页面中多次使用，比如vant的button组件，有时需要显示两个 <van-button type="default">默认按钮</van-button> <van-button type="primary">主要按钮</van-button> 但这样的话，第一个按钮会无法 ...
分类：
其他好文 时间：
2020-05-04 21:42:47
阅读次数：
391
引言 如果你自己做了一个感觉还不错的vue组件，而想分享给别人或者发布到npm上，那该怎么办呢？ vue-share-components 分享一个大神做的一个 vue 模板，这个模板集成了本地测试和打包发布，项目地址 https://github.com/Akryum/vue... 附上我的 gi ...
分类：
其他好文 时间：
2020-05-04 00:53:02
阅读次数：
122
Mixins Mixins是一种分发Vue组件中可复用功能的非常灵活的一种方式。 什么时候使用Mixins 1. 页面的风格不用，但是执行的方法和需要的数据类似，我们是选择每个都写呢还是提取出公共部分呢？ 基础实例 我们有一对不同的组件，它们的作用是切换一个状态布尔值，一个模态框和一个提示框。这些提 ...
分类：
其他好文 时间：
2020-05-01 10:51:39
阅读次数：
73
冒号属性 ：是指令 v-bind 的缩写，是为了动态绑定数据，用于响应式地更新 HTML 特性。 加了冒号，后面是变量或表达式；不加冒号的是字符串。 如图：将Home组件中的 probe-type 的值传给子组件Scroll的时候，需要的是一个数字类型，所以这里要加上：，否则3就会被当成一个字符串 ...
分类：
其他好文 时间：
2020-05-01 10:50:22
阅读次数：
95
在我们实际项目中，轮播图（走马灯）是一个使用很频繁的功能组件。今天就自己动手实现一个简单的轮播图组件，在实际动手中加深对基础知识的理解，在项目中更加熟练的去应用。 首先整理下实现此组件的基本功能以及思路：1.把几张图片放置在一个容器中，每次只显示一张2.根据图片在容器中的偏移来控制当前显示哪张图片3 ...
分类：
其他好文 时间：
2020-04-29 23:21:02
阅读次数：
65
内置组件component的用法 <component></component>标签是Vue框架自定义的标签，它的用途就是可以动态绑定我们的组件，根据数据的不同更换不同的组件 先看一下vue.js官网的用法： 也就是说component通过属性is的值可以渲染不同的组件。 看一下实际开发中的用法： ...
分类：
其他好文 时间：
2020-04-28 16:59:28
阅读次数：
462
1.github地址：https://github.com/youzan/vant 2.安装：npm i vant -S 安装完成后，会在项目的package.json文件中显示vant插件，如下： "dependencies": { "animate.css": "^3.7.2", "moment ...
分类：
移动开发 时间：
2020-04-28 09:50:17
阅读次数：
248
vue 组件间的通信是 vue 开发中很基础也十分重要的部分，作为使用 vue 的开发者每天都在使用。同时，vue 通信也是面试中非常高频的问题，有很多面试题，都是围绕通信展开。 本文会介绍常见的通信方式，并分析每种方式的使用场景和注意点。 vue中提倡单向数据流，这是为了保证数据流向的简洁性，使程 ...
分类：
其他好文 时间：
2020-04-27 13:08:54
阅读次数：
55
