vue
·港岛妹妹
专注前端开发二十四年
展开
-
vue父子传值(仅供自己查阅)
//儿子传给父亲//父亲<Child @give="accept"></Child>data(){ return{ msg:[] } }, methods: { accept(value) { this.msg=value } } //儿子事件 <button @click="giveFather">传递给父组件</button> data() { return {原创 2021-04-25 00:54:54 · 85 阅读 · 0 评论 -
vue中的@click.stop阻止点击事件继续传播
<div id="app"> <div v-on:click="big"> <button v-on:click="small">阻止单击事件继续传播</button> </div> </div> <script> var app = new Vue({ el: "#app", data:原创 2021-06-28 15:58:39 · 650 阅读 · 1 评论 -
ElementUI 中Upload上传图片插件(方便自己查阅使用的,不做参考)哈哈哈哈哈哈哈哈哈哈哈哈
<el-form-item label="域名(网址)状态" prop="isHealthy"> <el-radio-group v-model="dataEdit.isHealthy"> <el-radio :label="1">正常</el-radio> <el-radio :label="0" @change="isOne">异常</el-radio>原创 2021-06-28 14:59:07 · 210 阅读 · 0 评论 -
地图(仅供查阅)
<template> <!-- 地图弹窗 含地图搜索 地图默认中心点为用户所属当地市政府 地图点击获取经纬度和 地址 --> <el-dialog title="选择地点" :before-close="cancelbtn" :visible="dialogHavePositon" :width="setDialogWidth" append-to-body > <div id="outer-box">原创 2021-04-23 15:38:57 · 115 阅读 · 0 评论 -
Vue 性能优化
Vue 代码层面的优化; webpack 配置层面的优化; 基础的 Web 技术层面的优化。一、代码层面的优化1.1、v-if 和 v-show 区分使用场景v-if 是 真正 的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建;也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。v-show 就简单得多, 不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 的 display 属性进行切换。所以,v-if原创 2021-03-16 15:01:52 · 183 阅读 · 0 评论 -
用vuex解决移动端footer底部高亮
用vuex解决移动端footer底部高亮footer组件中vuex iindex.js文件中原创 2021-03-09 16:19:26 · 144 阅读 · 0 评论 -
用vue的简易tab选项卡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc原创 2021-02-23 22:59:04 · 259 阅读 · 0 评论 -
vue中class和style属性绑定
绑定姿势<div v-bind:class="数据|属性|变量|表达式"></div><div v-bind:style="数据|属性|变量|表达式"></div>属性值的类型支持字符串/对象 / 数组class的属性值(对象的方式)示例: <div id="app"> <div class='big-box' :class="{active:isActive,borderbox:isBorder}">原创 2021-02-03 22:02:06 · 145 阅读 · 0 评论 -
vue面试题总结(不断积累)
Vue 实现数据绑定的原理(面试题)vue数据绑定是通过 数据劫持和观察者模式 的方式来实现的1、数据劫持:使用Object.defineProperty();当你把一个普通的 JavaScript 对象(json)传入 Vue 实例作为 data 选项,Vue 将遍历此对象所有的属性,并使用 Object.defineProperty 把这些属性全部转为 getter/setter。目的是:感知属性的变化。当给属性赋值时,程序是能够感知的(知道的)。如果知道的话,就可以控制属性值的有效范围,也可以原创 2021-02-01 22:12:29 · 170 阅读 · 0 评论 -
vue笔记总结
VUEvue框架的两大核心:数据驱动和组件化。第一周:大家需要转变编程思维的习惯:数据驱动(数据的变化会驱动页面发生变化,不用操作DOM)第二周:大家需要转变编程思维的习惯:组件化一、前端开发历史1994年可以看做前端历史的起点(但是没有前端的叫法)1995年网景推出了JavaScript1996年微软推出了iframe标签, 实现了异步的局部加载1999年W3C发布第四代HTML标准,微软推出用于异步数据传输的 ActiveX(ActiveXObject),各大浏览器厂商模仿实现了 XM原创 2021-02-01 16:01:02 · 1458 阅读 · 1 评论