![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
mikibiubiu
这个作者很懒,什么都没留下…
展开
-
produceItem
<template> <div id="produceItem"> <div class="item" v-for="(product,index) in product_lists" :key="index" @click.stop="goToGoodsDetail(product)"> ...原创 2020-03-08 16:22:55 · 250 阅读 · 0 评论 -
tabbarItem
{{$t(itemsTitle[0])}} {{$t(itemsTitle[1])}} ...原创 2020-03-08 16:21:38 · 208 阅读 · 0 评论 -
引入一级组件
import Vue from ‘vue’import Router from ‘vue-router’// 引入一级组件import Dashboard from ‘…/views/dashboard/Dashboard.vue’import state from ‘…/store/state’;// 懒加载二级组件 Tarbarconst Home = () => impor...原创 2020-03-08 16:15:58 · 403 阅读 · 0 评论 -
<center>梳理vue双向绑定的实现原理</center>
实现MVVM通用方式要实现mvvm的双向绑定,就必须要实现以下几点:1、实现一个数据监听器Observer,能够对数据对象的所有属性进行监听,如有 Vue 采用数据劫持结合发布者-订阅者模式的方式来实现数据的响应式,通过Object.defineProperty来劫持数据的setter,getter,在数据变动时发布消息给订阅者,订阅者收到消息后进行相应的处理。要实现mvv...转载 2019-08-26 18:21:17 · 338 阅读 · 0 评论 -
<center>v-if 和 v-show的区别-----v-if 的初始化较快,但切换代价高;v-show 初始化慢,但切换成本低</center>
VUE指令v-ifv-show共同点动态显示DOM元素动态显示DOM元素手段动态的向DOM树内添加或者删除DOM元素设置DOM元素的display样式属性控制显隐编译过程有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件简单的基于css切换编译条件惰性的,如果初始条件为假,则什么也不做;只有在条件第一次变为真时才开始局...原创 2019-08-27 11:35:28 · 516 阅读 · 0 评论 -
<center>Vue中实例对象的生命周期详解及细节应用</center>
什么是生命周期: 从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!生命周期钩子:就是生命周期事件的别名而已;生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类:...原创 2019-08-27 19:41:16 · 221 阅读 · 0 评论 -
<center>vue-cli3.0修改端口</center>
在根目录下创建 vue.config.js 文件module.exports = { devServer: { port: 8888, // 端口 }, lintOnSave: false // 取消 eslint 验证};原创 2019-09-04 08:57:31 · 461 阅读 · 0 评论 -
<center>Vue的生命周期</center>
Vue的生命周期beforeCreate(创建前) 在数据观测和初始化事件还未开始created(创建后) 完成数据观测,属性和方法的运算,初始化事件,$el属性还没有显示出来beforeMount(载入前) 在挂载开始之前被调用,相关的render函数首次被调用。实例已完成以下的配置:编译模板,把data里面的数据和模板生成html。注意此时还没有挂载html到页面上。mounted(...原创 2019-09-20 22:02:54 · 239 阅读 · 0 评论