安装插件 yarn add @vue/babel-plugin-transform-vue-jsx -D 前提 已经配置了babel-loader 在babel的plugins中配置中增加 presets: [ "@babel/preset-env" ], plugins:[ .... "@vue/ ...
转载
2021-09-16 11:52:00
790阅读
2评论
1. vue-cli3中console.log报错:Module Warning (from ./node_modules/eslint-loader/index.js):
error: Unexpected console statement (no-console) at(1). 原因:
使用ESLint检查代码质量是进行提示的.(2). 解决:
window.console.log(res)
原创
2023-10-14 16:04:54
349阅读
首先我们用vue-cli新建项目。全局安装vue-cli npm install -g vue-cli 创建一个名字为demo的项目。 vue init webpack demo 结果报错了，错误如下： 在网上找了很多，没发现同样的错误，试了网上很多方法也不管用，然后看到一篇文章说要更新一下node
原创
2022-06-20 10:08:20
156阅读
Vue 中构建虚拟DOM可以直接使用渲染函数构建虚拟Dom，正常情况下用render函数的参数createElement方法构建虚拟Dom的语法比较繁琐，更方便的是用更接近于模板的JSX语法。Vue实例与组件入门 我的vue脚手架是vue cli4，如果在新建项目时安装了babel,则自动安装了编译JSX需要的babel插件babel.config.jsmodule.exports = {
p
转载
2023-10-11 10:05:17
113阅读
在Vue中新增jsx的使用，操作步骤： 1、安装插件 "babel-plugin-syntax-jsx": "^6.18.0", "babel-plugin-transform-vue-jsx": "^3.7.0", "babel-helper-vue-jsx-merge-props": "^2.0 ...
转载
2021-10-13 13:57:00
220阅读
2评论
# Vue TypeScript JSX入门指南
在Vue框架中使用TypeScript和JSX是一种强大的组合，它可以帮助我们更好地开发和组织我们的Vue应用。本文将介绍如何使用Vue、TypeScript和JSX来创建组件，并提供一些示例代码来帮助您入门。
## 为什么使用TypeScript？
TypeScript是一种静态类型的JavaScript的超集，它为我们提供了类型检查、更好
原创
2023-07-23 08:27:08
115阅读
//item.
vue 文件如下<template> <div> <h1 v-if="id===1"> <slot></slot> </h1> <h2 v-if="id===2"> <slot></slot> </h2> <h3 v-if=
原创
2022-09-01 16:58:27
126阅读
使用cnpm 来安装：
具体做法：安装cnpmnpm install cnpm -g --registry=https://registry.npm.taobao.org安装gulp-sass语法都是一样的，只是将npm换成cnpmcnpm install --save-dev gulp-sass
原创
2022-03-10 11:45:17
89阅读
electron-vue报错：Webpack ReferenceError: process is not defined博客说明文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！问题截图问题说明在搭建electron的项目的时候出现了这样的问题，原因大概就是node.js的版本问题，在nodejs的11版本没有出现这样的问题，一般是nod
转载
2021-05-10 21:38:32
917阅读
2评论
备注：Vue JSX语法在.vue或者.jsx文件中使用方法都是一样的 概要： v-model（可直接食用） v-show（可直接食用） v-if（ 需要转为js） v-for（需要转为js） slots scopedSlots props attrs on render小组件的使用（Compone ...
转载
2021-10-25 16:09:00
400阅读
2评论
# Vue.js 项目中使用 Axios 的方案
在现代Web开发中，Vue.js作为一个流行的前端框架，通常与Axios结合使用以进行HTTP请求。Axios是一个基于Promise的HTTP客户端，能够在浏览器和Node.js环境中使用。这篇文章将介绍如何在Vue.js项目中使用Axios，提供一个项目方案，并包含相应的代码示例以及类图。
## 项目需求
我们打算开发一个简单的用户信息管
文章目录
1.前言
2.模块的命名空间
3.模块的动态注册
4.vuex严格模式
5.vuex插件
5.1 subscribe
5.2 subscribeAction
5.3 replaceState
5.3 watch
5.4 手写一个插件
6.vuex表单处理
7.总结
1.前言
上篇文章介绍了Vuex的核心概念，
Loaders cnpm install vue-loader@14 vue-template-compiler --save-dev webpack.config.js module: { rules: [{ test: /\.vue$/, use: ['vue-loader'] }], }, A
转载
2021-07-07 16:44:00
108阅读
Loaders cnpm install vue --save webpack.config.js resolve: { // 解决运行时报错 alias: { 'vue$': 'vue/dist/vue.esm.js' } } 使用 import Vue from "vue";
转载
2021-07-07 14:36:00
61阅读
目录： vue自学入门-1（Windows下搭建vue环境） vue自学入门-2（vue创建项目） vue自学入门-3（vue第一个例子） vue自学入门-4（vue slot） vue自学入门-5（vuex state） vue自学入门-6（vue jsx） vue自学入门-7（vue style
转载
2020-02-24 12:25:00
181阅读
2评论
1安装在使用jsx之前我们需要安装一个babel插件（babel-plugin-transform-vue-jsx ）安装方式：然后在.babelrc里面添加：2在vue里面编写jsx接着我们就可以愉快地在vue里面编写jsx了。Test.vue可以看到我们把jsx写在了render方法里面，render方法是vue2.0才支持的，用来提供对虚拟DOM的支持，也就是说只有vue2.0才支持jsx语
转载
2023-08-17 17:56:03
301阅读
安装Webpack报错，如下图： 重点是：operation not permitted，操作不允许，权限问题 解决方法：win+x，点击管理员，在里面运行即可 在管理员中执行，webpack -v ，报错：webpack：无法加载文件 解决方法：输入命令 set-ExecutionPolicy R ...
转载
2021-09-27 10:17:00
1259阅读
2评论
1、报错ERROR in ./src/vue/App.vueModule Error (from ./node_modules/vue-loader/lib/index.js):vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack conf
转载
2021-06-03 23:58:00
459阅读
2评论
报错信息DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loade
原创
2022-07-11 10:36:34
189阅读
vue jsx 语法与 react
jsx 还是有些不一样，在这里记录下。let component = null// if 语句if (true) {
component = (
<div&
转载
2017-07-05 09:31:42
560阅读
