根据官网新建了vue3.x ,报如下错误 Error: Cannot find module 'worker_threads' 原因,node版本低,升级node版本就好 1. sudo npm install -g n (安装npm版本管理工具) 2. n latest 升级完后再看node版本, ...
转载
2021-07-21 17:45:00
190阅读
2评论
在大型应用中,我们可能需要将应用分割成小一些的代码块,并且只在需要的时候才从服务器加载一个模块 vue2.x 曾经简单的异步组件 components: { AsyncComponent: () => import('@/components/AsyncComponent.vue') } vue3. ...
转载
2021-10-21 23:04:00
396阅读
2评论
搭建基础项目、vite创建项目、运行项目、环境变量设置介绍\vite配置多环境打包、配置Router、安装路由、配置路由、引入、配置Vuex、安装vuex、配置vuex、引入、页面调用、alias起别名、基础语法、定义data、定义props、定义methods ...
转载
2021-09-17 13:17:00
492阅读
2评论
文章目录一、插件安装1. vue-router2. vuex3. element-plus4. axios5. sass二、Yarn 常用命令2.1. 添加依赖包2.2. 将依赖项添加到不同依赖项类别2.3. 升级依赖包2.4.移除依
原创
2022-09-05 17:20:52
871阅读
下载node.js 官网下载,版本号为14.17.3 查看node和npm版本 node -v npm -v 安装vue-cli npm install -g @vue/cli vue -V 查看vue-cli版本 创建项目 命令创建 vue create XXX 选择手动创建 选择要装的组件,Ba
原创
2021-07-21 17:52:46
1483阅读
具体步骤1、安装vue serve 的全局扩展npm install -g @vue/
原创
2022-05-30 11:44:42
893阅读
Vue2 生命周期Vue2 和 Vue3 中的生命周期钩子函数非常相似,我们仍然可以访问相同的钩子函数,并且我们仍然希望将它们用于相同的用例。但是,随着 Composition API 的引入,我们访问这些钩子函数的方式已经改变。Vue3 Co
原创
2022-07-19 20:18:47
690阅读
0. 基础要求 了解常见的 ES6 新特性 ES6 的导入导出语法 解构赋值 箭头函数 etc... 了解 vue 2.x 的基本使用 组件 常用的指令 生命周期函数 computed、watch、ref 等 1. 相关资源 【知乎 - vue Function-based API RFC】http
转载
2020-11-23 18:00:00
187阅读
2评论
首先环境要求 node版本 12.13.0命令行输入Vue create jingdong选择Manually select features选择Choose Due versionBabelRouterVuexCSS Pre-processorsLinter / Formatter选择3.x
原创
2022-07-22 09:36:06
80阅读
Vue3.x 新特性总结Composition API 简介setup 函数propscontext生命周期返
原创
2022-07-19 20:20:39
274阅读
Vue3.x 官网 Composition API 简介 Vue2 时的方式在代码很少的时候,逻辑结构还是蛮清晰的,但是随着组件功能越来越多,代码量越来越大,整体内容全部放在其中肯定会显得臃肿。因为每个功能模块的代码会散落分布在各个位置,让整个项目的内容难以阅读和维护。如下图: 而到了 Vue3,它 ...
转载
2021-08-31 15:24:00
218阅读
2评论
Vue3.x知识图谱 https://gitee.c
原创
2022-10-11 09:58:23
70阅读
template替换差异在Vue2.x中,会将template中全部内容覆盖到要替换的位置,也就是原标签会消失<!-- App.vue --><template> <div id="appx"> test </div></template><!-- index.html --><div id="app"></div>// main.jsnew Vue({ render:
原创
2021-07-09 10:44:03
168阅读
Composition API也叫组合式API,是Vue3.x的新特性。 没有Composition API之前vue相关业务的代码需要配置到option的特定的区域,中小型项目是没有问题的,但是在大型项目中会导致后期的维护性比较复杂,同时代码可复用性不高。Vue3.x中的composition-a ...
转载
2021-07-12 15:50:00
600阅读
2评论
购物车:<template> <div> <table> <caption><h1>购物车</h1></caption> <tr> <th></th> <th>编号</th> <th>商品名称</th> <th>商品价格<
原创
2023-02-27 09:29:18
289阅读
文章目录一、安装vue-cli二、创建项目三、选择配置四、是否使用history路由模式,这里我选择:`Y`五、选择css预
原创
2022-09-23 14:58:25
2432阅读
什么是vite 新一代前端构建工具 优势如下:1.开发环境中,无需打包操作,可快速冷启动;2.轻量快速的热重载;3.真正的按需编译,不再等待整个应用编译完成 npm方式 npm init vite-app demo //demo是项目名 cd demo //进入工程目录 npm i //安装依赖 n ...
转载
2021-10-08 10:16:00
347阅读
2评论
走马观花似的看看从vue2.x开始到vue3.x的一些非兼容性的变更,这样在将来升级过程中遇到那些奇奇怪怪的不能用的时候,就会很容易解决啦。 #全局 API 全局 Vue API 已更改为使用应用程序实例 全局和内部 API 已经被重构为支持 tree-shake #模板指令 组件上 v-model ...
转载
2021-10-21 23:12:00
324阅读
2评论
做vue项目的时候,总有一些小组件或者工具类,我们需要频繁的使用,每个使用的地方再去引用相对比较麻烦,当然也有一些好处,尤其是配合组件异步加载的时候,能最更好的减少项目首次加载的体积,从而优化一些体验。 全局js插件 因为vue3.x js插件的全局使用也有调整,这里稍微说下简易的全局js引入。 # ...
转载
2021-10-21 23:06:00
562阅读
2评论