Vue学习笔记安装方法将https://unpkg.com/vue@3中的代码保存到项目目录下的lib文件夹中的vue.js中，在使用时引入即可。简单入门案例实现步骤 在页面中引入vue框架的核心文件 创建一个div标签，该标签要被Vue控制(挂载点) 使用Vue 对象调用createApp方法来创建Vue应用实例，再调用mount方法将应用挂载到页面上( div标签中)data方法用来配置数据
转载
2024-10-03 15:32:13
105阅读
window.MQTT_URL = 'ws://xx.xxx.xx.xx:8083/mqtt'<template>
</template>
<script setup>
import * as mqtt from "mqtt/dist/mqtt.min";
const emit = defineEmits();
import {onBeforeUnmount
原创
2024-01-12 10:34:11
136阅读
搭建Vue 环境1 下载 node.jsnode.js 中文网 https://nodejs.org/zh-cn/cn/ 下载合适的安装包2 配置环境 （安装时系统自动配置环境变量）进入系统环境变量界面选择系统变量 path 点击新建查看是否有node.js 的安装路径3 查看版本查看 node 版本命令：node -v查看 npm 版本命令 npm - v4 安装淘宝镜像，有利于加快下载速度np
转载
2024-09-21 08:46:08
293阅读
Vue3使用入门、优点相比Vue2有什么优点？diff算法的提升-vue2是全量对比，vue3新增了静态标记静态提升-vue2不管是否参与更新都会重新创建再渲染，vue3不参与更新的元素在渲染时直接复用。hoistStatic->SSR优化，静态绑定class，id不再做更新处理时间侦听器缓存ssr渲染更好的ts支持-vue2部分支持，vue3覆盖（新增Fragment、Teleport、S
一、单文件组件<script setup><script setup> 是在单文件组件 (SFC) 中使用组合式 API 的编译时语法糖。 使用方法： 要使用这个语法，需要将 setup attribute 添加到script 代码块上：<script setup>
console.log('hello script setup')
</script
简述再写插件之前，首先我们要弄清楚什么是插件？插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制，一般有下面几种：添加全局方法或者属性。添加全局资源：指令 / 过滤器 / 过渡等通过全局混入来添加一些组件选项添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。一个库，提供自己的 API，同时提供上面提到的一个或多个功能。Vue 插件是对 Vue 全局功能的
tailwindcss官网：https://tailwindcss.com/tailwindcss配合vite的使用文档：https://tailwindcss.com/docs/installation/using-vite一、vue3通过vite使用Tailwindcss4一、创建项目 (Create your project)通过vite创建项目npm create vite@latest
Vue3学习（第二天）一、vscode创建vue3模板1.打开vscode点击左下角设置按钮，点击配置用户代码片段2.点击vue.json，把模板输入。二、响应式基础(ref()和reactive())1.ref()函数2.reactive()三、computed计算属性四、watch侦听器1.侦听一个ref()：2.侦听多个时使用数组：3.深层侦听五、watchEffect高级侦听器停止侦听器
转载
2024-07-09 21:12:53
324阅读
fabric 1.4 环境搭建这是我在学习时对照官方给出的安装方法总结出来的方法，本篇文章用于记录我的学习经验使用系统为 Ubuntu16.04更新源sudo apt -y update安装cURLsudo apt -y install curl安装docker 和 docker-compose安装dockersudo apt -y install docker.io安装 docker-compo
并不是所有的js文件都可以直接在webpack中使用。这些文件可能不支持模块（module）格式，甚至完全没有使用模块（module）。webpack提供了几种loaders(装载机)来解决这些文件如何在webpack中使用。 这个示例使用require来保证他们（的代码量）短小。通常你需要在你的webpack的config文件中配置这些loaders(装载机)。详情见Using loaders（
参考：GitHub - briefness/fabric-region: 基于fabric.js的一个demoFabric.js 用法总结（在vue中使用时，因为this的指向不同，所以在Fabric.js方法内部，this是无法使用指向外部的值的）这只是我在使用fabric.js的过程中的一些总结，文章底部有一个fabric入门的链接，新手入门可以先看一下，适合新手canvas.setBackg
转载
2024-05-06 17:03:21
2137阅读
最近在做公司搜索模块的前端界面，以前没觉得搜索能做出什么花样来，但最近在搜索上面得知的一些技法着实值得记录。一、提供全文搜索接口的搜索遇到的功能点：1.搜索结果高亮结果高亮主要的工程量在后台，在前端比较重要的是如何渲染出后台提供的h5代码。之前有看到直接截取后台代码里的值自己在前端重写了样式的，虽然这也算种做法，但后台提供的h5代码岂不是就失去了意义？所以最为常规的做法是在组件中使用
转载
2024-09-06 23:49:56
25阅读
import json,urllib.request,urllib.parse,http.cookiejarurl_base = 'https://spam.forti.com/api/v1'url_admin = 'AdminLogin'data = {'name' : 'admin', 'password' : 'password' }headers = {'Con
原创
2022-04-30 17:41:45
370阅读
导入表格的主要思路就是：首先从前端页面上传文件，这里先区分一下Multipartfile和File,前者代表的是HTML中form data方式上传的文件，后者是文件系统的抽象，前者信息较少，只有二进制数据+文件名称，所以我们一般先上传的Multipartfile文件要转换成File文件我们才可以读取文件的内容。下面一步一步的讲解Tips:1、先生成临时文件，同时记得使用transferTo()方
vue定义数据还记得前面说的mvvm的 model层吗?也就是数据层在vue中我们如何定义我们需要使用到的数据呢<script>
let vm = new Vue({
el: '#app',
data() {
return {
// 定义字符串
name: '
https://github.com/mozillazg/python-pinyin
原创
2021-08-11 09:42:12
326阅读
vue3的优势：Vue 是目前国内开发最火的前端框架之一react, vue, angular的下载趋势Vue3性能更高，体积更小Vue的compositionAPI(组合式API)可以 更好的代码复用，方便构建大型项目对TS的支持比较好社区生态已经逐步完善组件（插件）名称官方地址官方地址ant-design-vuehttps://antdv.com/docs/vue/introduce-cn/a
转载
2024-08-12 20:55:34
108阅读
Android IOS 与Vue网页进行JS交互之三、使用IOS WKWebView与Vue网页进行交互前言IOS与Vue交互新建IOS项目在SwiftUI中调用WKWebView编写页面显示设置弹窗设置JS交互设置页面地址运行GitHub完事 Android开发工具：Android studio4.0.1开发语言：Kotlin关键词：androidx、dataBinding、WebViewIO
转载
2024-02-26 17:30:53
187阅读
1.v-for： <ul> <li v-for="book in books"> <h3>{{ book.title }} - {{ book.author }} - {{ book.age }}</h3> </li> </ul> javascript： data() { return { book ...
转载
2021-09-11 22:45:00
651阅读
2评论
挂载#app <div id="app"></div> <script src="../js/vue.js"></script> <script> Vue.createApp({ template: `<h2>你好啊, 李银河</h2>` }).mount("#app"); </script> 问题 ...
转载
2021-07-17 15:38:00
665阅读
2评论
