随笔分类 - vue
vue
摘要：1. v-if原理：v-if 是 条件渲染，会根据条件判断来 动态地销毁和重建 DOM 元素。 性能：当条件为 false 时，v-if 会完全移除该元素及其所有子元素；当条件变为 true 时，它会重新渲染这个元素。适用于切换条件较少的场景，或者当切换频繁时不太重要。 使用场景： 当某些内容需要根
阅读全文
摘要：<div>{{num}}</div> <button @click="add">++</button> <script>import SaleCard from "../../components/SaleCard.vue";import { mapState,mapActions } from '
阅读全文
摘要：<div>{{num}}</div> <button @click="add">++</button> <script>import { mapState, mapMutations } from "vuex";export default { name: 'HomeIndex', componen
阅读全文
摘要：1，组件直接用法 <div>{{$store.state.num}}</div> 2,计算属性里面用法 <div>{{num}}</div> computed:{ num(){ return this.$store.state.num } } 3,用mapState <div>{{num}}</di
阅读全文
摘要：import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state:{ num:11 }, getters:{ }, mutations:{ }, actions:{ } }
阅读全文
摘要：<template> <div class="hello"> <table> <tr><td><input type="text" v-model="firstName"></td> <td><input type="text" v-model="lastName"></td> <td>{{full
阅读全文
摘要：一，单个变量 <template> <div class="hello"> <input type="text" v-model="mes"> </div></template> <script>export default { name: 'HomeIndex', data(){ return{
阅读全文
摘要：1，beforCreate 在实例初始化之后被调用 2，created 在实例创建完成后被立调用 3，beforMount 在挂载开始之前被调用 4，mounted 挂载到实例之后被调用 5，beforeUpdate 数据更新被调用 6，updated 虚拟DOM重新渲染和打补丁 7，beforeD
阅读全文
摘要：1，onLaunch 当uni-app初始化完成时触发（全局只触发一次） 2，onShow 监听用户进入小程序 3，onHide 监听用户离开小程序 4，onError 当uni-app 报错时候触发 5，onUniNViewMessage 对nvue页面发送的数据进行监听 6，onUnhandle
阅读全文
摘要：javascript对象用{} 可以存放任意类型数据 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta na
阅读全文
摘要：1，var var是函数级别的作用域 2，let let是块级的作用域（花括号） let 不存在变量提升
阅读全文
摘要：父组件import {provide, ref} from 'vue' provide('data-key', 'this is room data')子组件 import { inject } from "vue"; const roomData = inject('data-key')
阅读全文
摘要：<template> <div> <h1>{{ message }}</h1> <button @click="btnclick">点击</button> </div> </template> <script> export default{ data(){ return{ message:'hel
阅读全文
摘要：app.vue <template> <h1>插槽知识</h1> <SmallSlot> <template #header> <div> <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </div> </template> <template #main="
阅读全文
摘要：vue 插槽slot 父组件为子组件传递html结构 app.vue <template> <h1>插槽知识</h1> <SmallSlot> <div> <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </div> </SmallSlot> </templa
阅读全文
摘要：App.vue <template> <ConpentA @paEvent="clickData"/> {{ mes }} </template> <script> import ConpentA from './components/ConpentA.vue'; export default{ d
阅读全文
摘要：Props 静态属性 <template> <div> <ConpentA title="我是静态props"/> </div> </template> <script> import ConpentA from './components/ConpentA.vue' export default
阅读全文
摘要：<template> <div> <div ref="username" >内容</div> <button @click="handleclick">按钮</buttom> </div> </template> <script> export default { methods:{ handlec
阅读全文
摘要：Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中 promise 是现代 javascript 中异步编程的基础，是一个由异步函数返回的可以向我们指示当前操作所处的状态的对象 使用 cdn: <script src="https://unpkg.com/
阅读全文
摘要：<script> new Promise((resolve,reject)=>{ console.log("11111111111111111"); setTimeout(()=>{ resolve("##################"); }) }).then(res=>{ console.l
阅读全文
浙公网安备 33010602011771号