摘要：
.sync 在 vue@1.x 的时候曾作为双向绑定功能存在，即子组件可以修改父组件中的值;在 vue@2.0 的由于违背单项数据流的设计被干掉了;在 vue@2.3.0+ 以上版本又重新引入了这个 .sync 修饰符; // 父组件 <home :title.sync="title" /> //编 阅读全文
posted @ 2021-07-07 21:17
完美前端
阅读(81)
评论(0)
推荐(0)
2021年7月7日
2021年7月4日
摘要：
数组删除元素操作 // splice方法用于删除数组中的元素，但这会改变原数组。 // 因此，当需要删除数组中的多个元素时，我们应当逆向操作， // 避免由于数组长度变化导致的索引错误。 for (let i = list.length - 1; i >= 0; i--) { // 检查当前元素是否 阅读全文
posted @ 2021-07-04 21:48
完美前端
阅读(839)
评论(0)
推荐(0)
2021年6月14日
摘要：
#### 渐变背景样式 CSS样式解释 /* 该样式定义了一个从上到下的线性渐变，从完全透明的黑色渐变到完全不透明的黑色 */ background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); /* 这是上述样式的 阅读全文
posted @ 2021-06-14 18:04
完美前端
阅读(1397)
评论(0)
推荐(0)
2021年6月11日
摘要：
Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 官网：https://next.vuex.vuejs.org/ 主要功能： 1、vuex可以实现vue不同组件之间的状态共享 （解决了不同组件之间的数据共享） 2、可以实现组件里面数据的持久化。 Vuex的几个核心概念： S 阅读全文
posted @ 2021-06-11 00:42
完美前端
阅读(190)
评论(0)
推荐(0)
2021年6月10日
摘要：
Vue3.x中的mixin介绍使用 混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。 1、新建mixin/base.js const baseMixin = 阅读全文
posted @ 2021-06-10 22:08
完美前端
阅读(351)
评论(0)
推荐(0)
摘要：
一、Vue3.x中的路由 路由可以让应用程序根据用户输入的不同地址动态挂载不同的组件。 https://next.router.vuejs.org/ npm install vue-router@next --save 二、Vue3.x路由的基本配置 1、安装路由模块 npm install vue 阅读全文
posted @ 2021-06-10 15:55
完美前端
阅读(157)
评论(0)
推荐(0)
2021年6月8日
摘要：
一、Vue3.x集成Typescript Ts基础教程：https://www.itying.com/goods-905.html # 1. Install Vue CLI, if it's not already installed npm install --global @vue/cli # 阅读全文
posted @ 2021-06-08 02:55
完美前端
阅读(238)
评论(0)
推荐(0)
2021年6月7日
摘要：
一、 Composition API的简单介绍 Composition API也叫组合式API，是Vue3.x的新特性。 通过创建 Vue 组件，我们可以将接口的可重复部分及其功能提取到可重用的代码段中。仅此一项就可以使我们的应用程序在可维护性和灵活性方面走得更远。然而，我们的经验已经证明，光靠这一 阅读全文
posted @ 2021-06-07 03:04
完美前端
阅读(454)
评论(0)
推荐(0)
2021年5月30日
摘要：
上面一排tab导航， 下面切换滚动 这是一个完整的组件, 可以直接使用 <template> <view> <!-- 导航切换 --> <view class="tab-bars"> <scroll-view class="tab-bar" scroll-x="true" show-scrollba 阅读全文
posted @ 2021-05-30 17:25
完美前端
阅读(1600)
评论(0)
推荐(0)
2021年5月28日
摘要：
CSS样式设置：主要是下面两个需要注意，不然不会横排 在scroll-view控件的属性里设置：white-space: nowrap; (不换行) 在子控件里设置： display: inline-block; 阅读全文
posted @ 2021-05-28 22:03
完美前端
阅读(192)
评论(0)
推荐(0)
浙公网安备 33010602011771号