一、watch监听 1.监听基本数据类型：数值（number）、字符串（string）、布尔值（boolean） // 数据 data:{ num:0 } // 监听 watch: { //num发生改变这个函数就会执行 num: function (newNum, oldNum) { // newNum：num更新后的值 oldNum：num更新前的值 console.log(newNum, o…
打开vscode后，在菜单栏File（文件） -> preperences（首选项） -> User Snippets(用户代码片段)弹框中输入vue选中vue.json { "vue-template": { "prefix": "vueTemp", "body": [ "<template>", " <div>", "", " </div>", …
1. Django环境配置 1.1安装Django pip install django pycharm professional 中直接新建项目，在终端创建app（需要先进入项目根目录下） python manage.py startapp XXX #XXX表示app的名字 在setting.py文件中注册app 1.2 打包依赖的第三方库 # 安装 pipreqs pip3 install p…
你们中的一些人可能会听说第三个版本的Vue正在敲门。Vue JS 逐年发展，Vue 3 将成为它的最新版本。Vue 3 和 Vue 2 沿着类似的路线发展，但是，两者都有显著的变化。Vue 3 的正式版本已于 2020 年 9 月发布。目前，API，核心，结构是稳定的，您可以在生产环境中使用它。 每个 Vue .js开发人员都在问自己的问题是，最新版本会带来哪些变化，它们将如何影响整体性能和稳定性…
功能：地图标记，标记点信息显示，地区搜索等，后续功能待开发 一、leaflet + openstreetMap使用 leaflet官网： Tutorials - Leaflet - a JavaScript library for interactive maps (leafletjs.com) openStreetMap官网： OpenStreetMap （1）leaflet安装 yarn 安装…
props data computed watch 普通监听 深度监听 优化watch监听 父组件通过 props 传值给子组件，当父组件传值发生了变化，我们期望子组件数据相应进行变化。方法较多，我们一一介绍。 先写一个简易的父组件 // 父组件template内容 <button @click="addData">addDataButton</button> // 引用的…
首先在src下建立一个文件夹,命名:userhookhandle 在文件夹下面建立usermousehandles.ts import { onBeforeUnmount, onMounted, ref } from 'vue' export default function () { const x = ref(1) const y = ref(1) const clickhandler = (…
21.确认订单 21.1 添加确认订单的页面 // src/views/order/index.vue <template> <div class="box"> <header class="header"> <van-nav-bar title="确认订单" left-arrow /> …
#Element组件二次封装—入门 目录： 文章目录 为什么要element对进行二次封装？ 如何对element对进行二次封装？ 为什么要element对进行二次封装？ 1.element-ui组件的部分样式不满足当前项目的需求。 element-ui组件的样式是固定的，比如我们常用的那些组件，table，button，icon，tab等等。当我们需要的样式和element组件有偏差的时候，我们…
Vue3的组件封装 - Confirm 一. Confirm的交互逻辑 二. 组件的封装 实现组件基础结构和样式。 实现函数式调用组件方式和完成交互。 加上打开时动画效果。 给vue挂载原型函数$confirm // confirm.vue 组件封装 <template> <div class="confirm" @click.self="cancelCallback" :cla…