![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
zzang..
这个作者很懒,什么都没留下…
展开
-
Moke使用
1、安装mokenpm install mockjs -S2、在项目里创建一个文件夹用来存放模拟数据的文件,例如 /src/mock/index.jsconst Mock = require("mockjs");let data = Mock.mock({ "data|100": [ //生成100条数据 数组 { "shopId|+1": 1,//生成商品id,自增1 "shopMsg": "@ctitle(10)",原创 2021-09-14 14:11:28 · 571 阅读 · 0 评论 -
Vue组件插槽
//值在父组件<chacao> <!-- 可以通过slot定义插槽存放位置 --> <ul slot="slots"> <li v-for="(item,index) in games" :key="index">{{item}}</li> </ul></chacao>组件内://定义插槽的位置和名称<slot name="slots"></s.原创 2021-07-17 15:53:29 · 44 阅读 · 0 评论 -
Vue动画、过渡
动画:<template> <div> <button @click="isdonghua = !isdonghua">显示/隐藏</button> <!-- appear 首次运行加载 --> <transition appear> <h1 v-show="isdonghua">我是动画</h1> </transition> </原创 2021-07-16 19:51:08 · 53 阅读 · 0 评论 -
Vue全局事件总线(任意组件之间通信)
vue组件中如果要通信,一般是通过父组件监听,然后再操作,这样比较繁琐,可以利用全局事件总线来实现。A组件要触发B组件的事件:先要绑定全局事件总线的变量main:new Vue({ router, store, render: h => h(App), beforeCreate(){ Vue.prototype.$bus = this //安装全局事件总线 此时的this指向Vue 可以使用vue里面的方法 如$on $emit }}).$mount原创 2021-07-16 11:18:06 · 391 阅读 · 0 评论 -
Vue组件自定义事件传递(绑定、解绑)
父组件:<div> <!-- <val v-on:chang="demo"></val> --> <!-- 简写 --> <!-- <val @chang="demo"></val> --> <!-- 通过ref传事件 灵活性更高 --> <val ref="valref"></val></div>原创 2021-07-15 17:36:17 · 536 阅读 · 0 评论 -
Vue事件修饰符
@click.xxxx (可以在后面加.xxx)xxx:列:@click.prevent.stopprevent:阻止默认事件stop:阻止事件冒泡once:事件直会触发一次capture:使用事件的捕获模式self:只有event.target是当前操作的元素时才会触发事件passive:事件的默认行为立即执行,无需等待事件的回调执行完毕vue的键盘事件@keydown.xxx列:@keydown.xxx +xxx回车:enter删除:delet..原创 2021-07-13 17:14:07 · 53 阅读 · 0 评论 -
Vue的数据代理
先来一个简单的数据代理let obj = {x:'100'} let obj2 = {y:'200'} Object.defineProperty(obj2,'x',{ get(){ return obj.x }, set(val){ obj.x = val } })通过definePrope原创 2021-07-13 16:46:40 · 44 阅读 · 0 评论 -
Vue Cli关闭严格模式
新建vue.config.vue文件module.exports = { lintOnSave:false //关闭严格模式}原创 2021-07-09 17:02:29 · 558 阅读 · 0 评论 -
Vue子组件修改父组件的值
//子组件<组件 :active.sync="active"></组件>//修改this.$emit('update:active', 新值);原创 2021-07-02 17:43:25 · 100 阅读 · 0 评论