监听：监听数据源的一个数据改变引起其他数据改变的方法； 只要监听的数据改变就执行该数据的方法； 方法里：第一个参数是监听数据的最新的值，第二个参数是监听的数据的上一次的值； 注意：如果监听的是对象要加上deep：true深度监听属性 有监听路由$router;数据监听等 这里写个简单的需求，text++引起val获得text*100的实现 <p>{{text}}</p> &…
在Vue中添加css过渡动画和animate的使用 大家好，我是狗子敲代码，小名 狗子 ，讲一下在Vue中使用css过渡动画和引入animate.css，首先看一下在代码中直接使用css过渡动画 <body> <div id="app"> <transition> <div v-if="show">hello gouzi</div> &l…
<template> <div class="container" ref="appRef"> <div id="myChart" ref="myChart" style="height: 1000px" ></div> </div> </template> <script> import { useIndex }…
Vue2中： // 之前 (Vue 2.x) Vue.prototype.$http = () => {} Vue3： // 之后 (Vue 3.x) const app = createApp({}) app.config.globalProperties.$http = () => {} 过滤器 已被移除，我们刚好可以用全局方法： app.config.globalProperti…
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 一、通过cordova打包vue 详细内容参考 https://blog.csdn.net/zeternityyt/article/details/79756944 把build的assetsPublicPath改成这样 试运行vue项目，npm run dev 如果运行成功，则打开终端或者命令窗口，输入npm run build。…
1、简介 场景：比如说APP封面等 特点：能够自动适应设备的宽高，保证图片100%显示，不会缺失或者留边， 但有可能会变形 。 2、实现 注意以下代码尽管是在Vue环境下实现的，但与Vue关系不大，代码本身也足够简单，稍微改改可以扩展到任何其他非Vue的JS环境。 HTML: <template> <img src="picture.jpg" :width="width" :he…
父父组件： <template> <van-popup v-model="show" closeable close-icon-position="top-left" position="right" :style="{ width: '100%',height: '100%' }"> <ReportListMenu :MenuData="MenuData">&…
Vue+Element-UI 上传图片并压缩，供大家参考，具体内容如下 1.版本 Vue:2.5.2 Element-UI：2.12.0 可实现图片上传前，自动压缩。 Element-UI组件，详情见 官网。 2.template部分 accept="image/*" class="avatar-uploader" :action="uploadPath" :show-file-list="fal…
一、构建项目 1.构建基本项目结构 1.新建一个名为 blog-demo 的文件夹，命令行进入到该文件夹目录，输入命令： # 按默认配置初始化一个项目，此时会在当前目录下生成 package.json 文件 npm init -y 2.将 VuePress 作为一个本地依赖安装 npm install -D vuepress 3.在 package.json 里的 scripts 中添加如下代码，…