随笔分类 - VUE
VUE使用
摘要：Vue 使用slot插槽 11. 需求: 1. 父组件调用子组件并展示数据 2. 父组件调用多个子组件每个组件内显示的内容不同 3. 父组件调用子组件展示的数据和子组件展示的内容相同样式不同 1.2 子组件: 具名插槽，就是给插槽指定名称，然后 一 一对应 (1） 引入组件的页面，如果是多个内容，需
阅读全文
摘要：Vue 组件之间传值 1. 需求: 1. 父组件调用子组件, 并传值给子组件显示在页面 2. 子组件给父组件传值,父组件接收子组件传来的值 3. 子组件内添加一个input输入框,输入值并修改父组件给子组件传过来的数据 子组件(child.vue): <template> <div> <p clas
阅读全文
摘要：计算属性 computed : 1. 支持缓存，只有依赖数据发生改变，才会重新进行计算 2. 不支持异步，当computed内有异步操作时无效，无法监听数据的变化 3. 计算属性默认只有getter(根据某个属性值发生变化而变化)，可以在需要的时候自己设定setter(自身的值发生变化从而修改别的属
阅读全文
摘要：vue 中v-show和v-if的区别 (1)、v-if和v-show用于视图层进行条件判断视图展示 (2)、v-if的原理是根据判断条件来动态的进行增删DOM元素，v-show是根据判断条件来动态的进行显示和隐藏元素，频繁的进行增删DOM操作会影响页面加载速度和性能，由此我们可以得出结论： 当您的
阅读全文
摘要：关于VueX VueX是适用于在Vue项目开发时使用的状态管理工具。Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中，我们只需要把这些值定义在VueX中，即可在整个Vue项目的组件中使用。 1. 安装 npm i vuex -s 随后会出来一个st
阅读全文
摘要：在vue中使用echarts有两种方法 一、安装并全局引入 1、通过npm获取echarts npm install echarts --save 2、在 main.js 中添加下面两行代码 import echarts from 'echarts' Vue.prototype.$echarts =
阅读全文
摘要：<template> <div> <div :class="[flag ? 'red' : 'blue']">Hello,Vue!</div> <div :class="{show:true}">Hello,Vue!</div> <el-table :data="tableData" border
阅读全文
摘要：Vue 实现 print 第一步 安装组件 //安装print-js npm install vue-print-nb --save 第二步 在 main.js 全局引入 // 引入下载的print import print from 'vue-print-nb' // 全局使用 Vue.use(p
阅读全文
摘要：详细内容可以到 vue官方文档 查看 1. data参数用来绑定VUE实例的数据变量，每个不同变量之间用逗号分隔 这个双大括号的语法叫做 mustache 语法，大括号里面的是作为变量形式出现的。 <template> <div> <p>data里面显示{{msg}}</p> </div> </te
阅读全文
