weixin_42845571的博客

对象内某个属性的变化监听 "student.name": { handler(newValue, oldValue) { console.log("单个属性监听", newValue, oldValue); } },监听整个对象变化/** * vue中watch首次加载时不会调用的，只有值变化时才能执行，若要首次调用，需要使用immediate属性。请使用如下方法 * https://www.cnblogs.com/shin

1.安装服务npm install -g json-server2.新建mock文件项目目录public下创建 mock 文件夹mock 文件夹下添加 db.json 文件，内容如下3.添加启动命令package.json 添加命令“mock”: “json-server --watch public/mock/db.json”,“mockdev”: “npm run mock & npm run dev”4.启动 mock 服务器npm run mock 命令

1.原始的一个文件注册所有的路由：import Vue from "vue";import VueRouter from "vue-router";// 引入组件import home from "../views/home.vue";import about from "../views/about.vue";Vue.use(VueRouter);const routes = [ { path:"/", component: home },

1.正常情况下单个文件内引入，注册并使用<template> <div id="app"> <HelloWorld msg="Welcome to Your Vue.js App"/> </div></template><script>import HelloWorld from './components/HelloWorld.vue'export default { name: 'App', c

1.安装npm install --save html2canvas2.引入import html2canvas from 'html2canvas'3.使用html2canvas是需要生成图片的dom元素，button是触发点击事件的img是最后生成的图片路径展示的地方<div id="html2canvas"> kdfnowiebnfobewofbioqbwefi时刻记得把女佛鳄把握v贝尔我v为儿女IE温暖日vnew人稗</div>

一.javascript1.javascript 有哪几种数据类型undefined，null，string，boolean，number，symbol(ES6)，BigInt。。。object里面包含的function、Array、Date2.target和currentTarget区别event.target 返回触发事件的元素 event.currentTarget 返回绑定事件的元素$(document).ready()方法和window.onload有什么区别(1)、w

<template><div> <el-date-picker v-model="value" type="datetimerange" :picker-options="pickerOptions" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:0.

有两种情况，有的时候一种是可以的，有的时候用另一种也是可以的，但是我也没区分具体用哪一种，不止是子组件是输入框和其他dom操作的区别。this.emit(′input′,event.target.value);this.emit('input',event.target.value);this.emit(′input′,event.target.value);this.emit(‘update:value’,[1,2,3,4,5]);第一种：父组件：<count-control :value

封装的组件：url就是需要二维码生成的内容，可能是个链接，可能是个文字等等modal是是否显示<template><view class=""> <view class="qrcode-box" :class="modal?'show':'hide'" @tap="hideQrcode"> <view class="qrcode-item"> <view class="item-box"> <view class=

安装：npm install --save vue-clipboard2main.js里面import Vue import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard)使用：<template id="demo"> <div class="container"> <input type="text" v-model="message"> <button typ

1、引入qrcode--------npm install qrcode2、在main.js中引入import QRCode from 'qrcode' //定义生成二维码组件3、在需要使用到生成二维码的组件中引入import QRCode from 'qrcode' //引入生成二维码组件4、在HTML中定义生成的位置，注意添加样式<template> <div id="query"> <h1>二维码：</h1>

安装：npm install vue-i18n先看目录：i18n下面的整体二.各个文件的内容和用法main.jsimport i18n from './i18n/i18n';new Vue({ el: '#app', i18n, //引用 components: { App }, template: '<App/>'})i18n.jsimport Vue from 'vue'import locale from 'element-ui/lib/locale

安装：npm install vuex –save（1）.在src内创建store文件夹，在里面创建store.js文件（2）.在main.js里面（3）调用，使用1.在组件内 this. $store.state.products2.在公共js内调用：// a.jsimport store from ‘./store.js’ //先引入文件console.log(store.state.count) //调用store.commit(‘increment’) //调用

父子组件：1.props/emit父组件中<children :myName="name" @handleClick="childrenFn" /> export default { components: { children }, methods:{ childrenFn(par){ console.log(par);//子组件调用父组件的方法传过来的值 } } ......}子组件中：// 子

说明：组件封装了两种情况：1：超过有省略号，有展开收起按钮2.超过部分省略号，并且hover的时候有提示，没有展开收起按钮调用：/**title:显示的内容lineHeight:单行的行高eclipse: 第几行出现省略号ishasOpenBtnType: 字符串，默认为1 1：超过有省略号，有展开收起按钮 2.超过部分省略号，并且hover的时候有提示，没有展开收起按钮**/<eclipse :title=