weixin_43867303的博客

单个静态页面布局，需要手动将px单位换成rem单位，有些不需要动态缩放的元素依旧使用px.2.2 vue3中使用postcss-px-to-viewport 适配屏幕。px-to-viewport-ignore */ —> 当前行不进行转换。通过css的@media媒体查询设置不同的样式，实现不同屏幕的适配。2.1 安装插件postcss-px-to-viewport。1，安装viewport-units-buggyfill。3，在css中使用，手动添加content代码。css样式表中的媒体查询。

用vue+vant实现一个发送短信验证码组件<template> <van-button type="primary" :disabled="disabled" @click.stop="startCountDown">{{message || initTip}}</van-button></template><script&gt...

1，使用vue-clipboard2第一步：安装npm install vue-clipboard2 --save第二步引用：在需要使用剪切板功能的组件中引用import VueClipboard from "vue-clipboard2";Vue.use(VueClipboard);import { Toast } from 'vant';第三步实现：<van-field...

父子组件关系总结：prop向下传递，事件向上传递。父组件通过prop向子组件下发数据，子组件通过事件向父组件发送信息。每个vue实例都实现了事件接口：通过on(eventName)监听事件。使用on(eventName)监听事件。使用on(eventName)监听事件。使用emit(eventName,optionalPayload)触发事件。父组件可以在使用子组件的地方直接用v-on来监听子组...

1，双括号插值{{message | init}}2，v-bind绑定：<div v-bind:id="rawId | formatId"></div>多个函数全局定义过滤器：1，一个js文件写入多个函数2，全局定义：main.js文件：引入：import * as filters from './filters'全局定义过滤器：Object.k...

MVVM：模型-视图-视图模型的简称，模型指后端传过来的数据，视图指所看到的页面。视图模型是连接view和model的桥梁。1，将模型转换为视图。后端传过来的数据转换为所看到的页面，实现数据渲染。实现方式：数据绑定。2，是将视图转换为模型。将所看到的页面转换为后端数据。实现方式：DOM事件监听。这两个方向都实现称为数据的双向绑定。总结：视图和模型不能直接通信。它们通过ViewModel来通信，V...

1,router是VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，是一个全局对象。包含所有的路由，对象和属性。2，route是一个跳转的路由对象，每个路由都有一个路由对象。是一个局部对象。可以获取路由的params,path,name等属性。...

1，v-on绑定多个方法：<p v-on="{click:dbClick,mousemove:MouseClick}"></p>一个事件绑定多个函数：<p @click="one(),two()">点击</p>

1，动态组件上使用keep-alive,避免重复渲染导致性能问题。2，在多

事件修饰符运用Vue 还对应 addEventListener 中的 passive 选项提供了 .passive 修饰符<!-- 滚动事件的默认行为 (即滚动行为) 将会立即触发 --><!-- 而不会等待 `onScroll` 完成 --><!-- 这其中包含 `event.preventDefault()` 的情况 --><div v-o...

使用方法：watch:{ data(val, newval) { console.log(val) console.log(newval) }}（2）通过watch监听docData数据的变化，数据发生变化时，this.change_number++（使用深度监听）watch: { docData: { handler(n...

router-link<router-link :to="{ path: 'yourPath', params: { name: 'name', dataObj: data }, query: { name: 'name', ...

1,npm install v-viewer --save2,在main.js 中注册引用import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer);Viewer.setDefaults({ Options: { "inline": true, "b...