chenfairy的博客

vue 解决组件不刷新问题

Vue 使用 vue-cropper 裁剪图片

搭建Vue-cli3脚手架

详细内容可以到 vue官方文档 查看1.data参数用来绑定VUE实例的数据变量，每个不同变量之间用逗号分隔这个双大括号的语法叫做mustache语法，大括号里面的是作为变量形式出现的。<template> <div> <p>data里面显示{{msg}}</p> </div>&lt...

Vue实现print第一步 安装组件//安装print-jsnpm install vue-print-nb --save第二步在 main.js 全局引入// 引入下载的printimport print from 'vue-print-nb'// 全局使用Vue.use(print);第三步使用<template> <div>...

<template> <div> <div :class="[flag ? 'red' : 'blue']">Hello,Vue!</div> <div :class="{show:true}">Hello,Vue!</div> <el-table :data="tableData" bo...

在vue中使用echarts有两种方法一、安装并全局引入1、通过npm获取echartsnpm install echarts --save2、在 main.js 中添加下面两行代码import echarts from 'echarts'Vue.prototype.$echarts = echarts //挂载到Vue实例上面二、使用https://echa...

关于VueXVueX是适用于在Vue项目开发时使用的状态管理工具。Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中，我们只需要把这些值定义在VueX中，即可在整个Vue项目的组件中使用。1. 安装npm i vuex -s随后会出来一个store目录 ,在下面新建一个index.js2.使用import Vue f......

vue中v-show和v-if的区别　　(1)、v-if和v-show用于视图层进行条件判断视图展示　　(2)、v-if的原理是根据判断条件来动态的进行增删DOM元素，v-show是根据判断条件来动态的进行显示和隐藏元素，频繁的进行增删DOM操作会影响页面加载速度和性能，由此我们可以得出结论：　　　　　　当您的项目程序不是很大的时候，v-if和v-show都可以用来进行判断展示和隐藏(这...

计算属性 computed :1. 支持缓存，只有依赖数据发生改变，才会重新进行计算2. 不支持异步，当computed内有异步操作时无效，无法监听数据的变化3. 计算属性默认只有getter(根据某个属性值发生变化而变化)，可以在需要的时候自己设定setter(自身的值发生变化从而修改别的属性值)需要注意的是，就算在data中没有直接声明出要计算的变量，也可以直接在comput...

Vue组件之间传值1. 需求:1. 父组件调用子组件, 并传值给子组件显示在页面2.子组件给父组件传值,父组件接收子组件传来的值3.子组件内添加一个input输入框,输入值并修改父组件给子组件传过来的数据子组件(child.vue):<template> <div> <p class="p-d">我是父组件传过来的...

Vue使用slot插槽11. 需求:1.父组件调用子组件并展示数据2.父组件调用多个子组件每个组件内显示的内容不同3.父组件调用子组件展示的数据和子组件展示的内容相同样式不同1.2 子组件:具名插槽，就是给插槽指定名称，然后 一 一对应(1) 引入组件的页面，如果是多个内容，需要用template 包裹起来，并且添加 slot属性和 自定义值 。(2)slot 的值...