教程npm vue
flask-结合vue2小案例
flask后端代码 先安装插件:flask-cors pip install flask-cors app.py from flask import Flask,jsonify,abort from flask_cors import cross_origin # cross_origin这个装饰器 ......
vue2基于 vue-cropper插件对图片裁剪
<template> <div id="app"> <div class="model" v-show="model" @click="model = false"> <div class="model-show"> <img :src="modelSrc" alt /> </div> </div> ......
vue3中在setup方法中使用 provide，inject，组件上下层，直接传值和方法
一个简简单单的案例 app.vue <template> <div> app <Second/> </div> </template> <script> import { provide } from 'vue'; import Second from './components/Second.vu ......
vue3获取url参数的值
<script setup name="Welcome"> import { onMounted } from 'vue'; import { useRouter } from 'vue-router'; const $router = useRouter(); onMounted(() => { ......
Vue3 脚手架
1. 使用vue-cli创建脚手架 PowerShell vue create vue3_test # 创建vue3工程，vue-cli版本必须在4.5.13以上 PowerShell npm run serve # 运行工程 2. 使用vite创建脚手架 方式一： PowerShell npm i ......
npm i报错---Cannot read properties of null (reading ‘pickAlgorithm‘)
现象 在导入Vue项目使用 ' npm i ' 安装node_moduels的时候，终端出现错误如下： 解决 1、在终端输入： npm cache clear --force npm cache clear --force 2、重新运行 npm i 命令 npm i ......
对于Vue3和Ts的心得和思考
Vue3已经正式发布了一段时间了，各种生态已经成熟。最近使用taro+vue3重构冷链的小程序，经过了一段时间的开发和使用，有了一些自己的思考。 ......
vue动态绑定内联样式（v-bind:style）
一、对象语法 <div :style="{ color: activeColor, fontSize: fontSize + 'px' }"></div> data() { return { activeColor: 'red', fontSize: 30 } } <div :style="styl ......
Vue中获取method方法return返回值--常用于请求成功后回调
mounted: () { this.getList('', (data) => { console.log(data); }) } methods: { getList (condition) { get_list({...condition}).then(res => { if (res.dat ......
Vue2模版编译（AST、Optimize 、Render）
在Vue $mount过程中，我们需要把模版编译成render函数，整体实现可以分为三部分： parse、optimize、codegen。 ......
如何给vue的href添加拼接参数
原来一直使用angular,而vue的用法和angualr相似，故我默认以为vue的href添加拼接参数的写法为： <a href="/list/editor?name={{item.title}}">链接</a> 然测试发现这是不可行的，需要用以下方法： <a :href="'/list/edit ......
vue 组件通信
1. 子组件间通信(defineEmits + defineProps) 1.1 实现效果 在一个子组件的输入框中输入数据, 在另一个子组件上显示. 如下图: 1.2 defineEmits 和 defineProps 的 TS 使用 1.2.1 defineEmits 的 TS 使用 export ......
vue3 + vite 调试时断点位置错误
vite-plugin-vue-setup-extend（版本0.4.0） 插件的问题，删掉就好了。 该插件用于解决script setup语法糖下，不方便直接指定name名称的问题。 在 vite/plugins/index.js 文件中 注释 export default function cr ......
odoo 开发入门教程系列-基本视图
在上一章中已经看到，odoo能够为给定模型生成默认视图。实际上，默认视图对于业务应用程序来说是不可接受的。相反，我们至少应该以逻辑的方式组织各个字段。 视图是在带有操作和菜单的XML文件中定义的。它们是ir.ui.view model的实例。 在我们的estate模块中，我们需要以逻辑方式组织字段： ......
vue全家桶进阶之路6：第一个Vue程序
1、创建一个文件夹用于下载引入Vue D:\BaiduSyncdisk\vue1 2、按照最新版本的Vue npm install vue ......
termux内网穿透教程
一、先去樱花内网穿透官网注册账户 注册完成后创建隧道 并复制你的密钥 樱花内网穿透官网链接：点击前往 二、打开termux输入 pkg install proot termux-chroot curl -L -o frp https://getfrp.sh/d/frpc_linux_arm64 ch ......
钉钉直播回放下载教程
这俩天想把学校的网课下载到本地观看，找到一个靠谱的教程，方法暂时没有失效，先记录一下。 图1 钉钉直播视频回放“下载”显灰 需要安装的使用工具： Fiddler 抓包工具 链接：https://pan.baidu.com/s/1q6tZKAmn6B3M263FrOXeaw 提取码：8888 m3u8 ......
Vue核心 MVVM模型 数据代理
1.6. MVVM 模型 MVVM模型●M：模型 Model，data中的数据●V：视图 View，模板代码●VM：视图模型 ViewModel，Vue实例观察发现●data中所有的属性，最后都出现在了vm身上●vm身上所有的属性 及Vue原型身上所有的属性，在 Vue模板中都可以直接使用 <!DO ......
Vue核心 模板语法 数据绑定
1.3. 模板语法Vue模板语法包括两大类1插值语法功能：用于解析标签体内容写法：{{xxx}}，xxx 是 js 表达式，可以直接读取到 data 中的所有区域2指令语法功能：用于解析标签（包括：标签属性、标签体内容、绑定事件…）举例：<a v-bind:href="xxx">或简写为<a :hr ......
Vue核心 el与data的两种写法
1.5. el 与 data 的两种写法el有2种写法a创建Vue实例对象的时候配置el属性b先创建Vue实例，随后再通过vm.$mount('#root')指定el的值data有2种写法a对象式：data： { }b函数式：data() { return { } }如何选择：目前哪种写法都可以，以 ......
Vue核心 Vue简介 初识
1.1. Vue 简介 1.1.1. 官网● 英文官网● 中文官网 1.1.2. 介绍与描述●Vue 是一套用来动态构建用户界面的渐进式JavaScript框架○构建用户界面：把数据通过某种办法变成用户界面○渐进式：Vue可以自底向上逐层的应用，简单应用只需要一个轻量小巧的核心库，复杂应用可以引入各 ......
centos7 yum -y install nodejs安装npm时报错，处理方法
centos7 yum -y install nodejs安装npm时报错，处理方法 安装npm时报错，处理方法 sudo: npm: command not found sudo yum -y install nodejs Loaded plugins: fastestmirrorLoading ......
自定义 v-model 解决 Vue prop 只读属性，不可修改的问题
所有的 props 都遵循着单向绑定原则，props 因父组件的更新而变化，自然地将新的状态向下流往子组件，而不会逆向传递。这避免了子组件意外修改父组件的状态的情况，不然应用的数据流将很容易变得混乱而难以理解。 使用 emits 自定义事件以参数方式在父组件更新； 使用 emits 自定义 v-mo ......
Vue3的fetch和Axios
Vue3的fetch和Axios都是用于发送HTTP请求的JavaScript库，但是它们之间有以下几个区别：语法不同：fetch是浏览器原生的API，使用起来比较简单，而Axios是一个第三方库，需要通过npm安装后引入才能使用。功能不同：Axios提供了丰富的API来处理HTTP请求和响应，包括 ......
npm package.json exports filed All In One
npm package.json exports filed All In One https://docs.npmjs.com/files/package.json https://docs.npmjs.com/cli/v9/configuring-npm/package-json/#main h ......
NPM: command
~/.npmrc 配置文件 npm login --scope @sporadic 在.npmrc产生如下配置 npm logout --scope @sporadic npm whoami --registry https://registry.npmjs.org ~/.npm/ global o ......
Vue2和Vue3之响应式原理详解
1 响应式原理 1.1 简介 在讲解之前，我们先了解一下数据响应式是什么？ 所谓数据响应式就是建立响应式数据与依赖（调用了响应式数据的操作）之间的关系，当响应式数据发生变化时，可以通知那些使用了这些响应式数据的依赖操作进行相关更新操作，可以是DOM更新，也可以是执行一些回调函数。 1.2 vue2和 ......
华为海思刷机工具TTL刷机教程
用教程： 一.参阅华为官方的pdf文档：HiBurn.pdf 和 HiTool.pdf 二.windows版无需安装，解压后打开hitool.exe即可使用。 三.刷入海思机顶盒NAS系统注意事项： (a.)请首先关闭防火墙，杀软等阻拦69端口通讯的设置。 (b.)其次严格按照TTL刷机图的几个要点 ......
S805 玩客云 wky U 盘刷机教程
一、准备工作（工具）准备工具 准备一个 U 盘，建议 8G-64G 之内的U盘 下载专用格式化软件，对 U 盘进行格式化，取回 U 盘全部空间 : USB_format.exe 准备一根双公头 USB 连接线3. 将盒子拆解出主板： 准备两个工具软件 (下载和安装好)： 晶晨烧录工具 USB_Bur ......