![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue2
客栈驻红尘
这个作者很懒,什么都没留下…
展开
-
vant框架自定义主题的配置使用
vant 框架自定义主题的使用Vant 使用了 Less 对样式进行预处理,并内置了一些样式变量,通过替换样式变量即可定制你自己需要的主题。步骤一 引入样式源文件定制主题时,需要引入组件对应的 Less 样式文件,支持按需引入和手动引入两种方式。按需引入样式(推荐)在 babel.config.js 中配置按需引入样式源文件,注意 babel6 不支持按需引入样式,请手动引入样式。 // main.js 中引入全部样式,改为 .less 文件 import 'vant/l原创 2021-11-26 09:13:12 · 1056 阅读 · 0 评论 -
vue-router动态路由之params、query传参
动态路由:把 hash 地址中可变部分定义为参数项,从而提高路由规则的复用性。以下是动态路由的两种传参方式。1. 第一种传参方式路由规则 :id 为自定义名 { path : "/movie/:id", component : Movie }跳转链接<router-link to="/movie/1"> 电影1 </router-link><router-link to="/movie/2"> 电影2 </router-link>&l原创 2021-11-23 13:46:36 · 649 阅读 · 0 评论 -
slot插槽以及directive自定义指令的使用
slot 插槽的基础使用页面 A.vue默认情况下,在使用组件的时候,提供的内容会被填充到名字为 default 的插槽中<Left> <p>这段话会被插入到Left组件的 slot 中</p></Left>如果要把内容填充到指定名称的插槽中,需要用 v-slot 指令v-slot 后面要跟上插槽的名称v-slot 指令不能直接用在元素上,必须用 template 标签包裹v-slot 指令简写形式 #mySlot具名插槽原创 2021-11-22 15:23:44 · 598 阅读 · 0 评论 -
vue组件复用 props 传值 (父传子)
公共组件具有更好的复用性,当然,要根据实际情况选择全局或局部组件。全局组件props:['init'] 可以以数组的形式定义props:{init:{type:"类型",default:"默认值",required:"是否必传"}}全局组件注册 //在 main.js 中引入全局公用组件Count.vue import Count from '@/components/Count.vue' Vue.component('MyCount',Count) //组件名为原创 2021-11-18 17:20:38 · 577 阅读 · 0 评论 -
vue 之 watch computed 使用与区别
目录vue 之 watch 监听器1、方法格式的监听器2、对象格式的监听器vue 之 computed 计算属性:1、特点:2、例子:watch 和 computed 有什么区别?vue 之 watch 监听器要监听 data 中哪个数据的变化,就把数据名作为方法名即可。 监听函数中有两个值,分别为数据变化的新值(newVal),旧值(oldVal)。1、方法格式的监听器缺点 1:无法在首次进入页面时,自动触发监听函数。 缺点 2:如果监听的是一个对象,对象原创 2021-11-18 09:06:10 · 242 阅读 · 0 评论