Cool的博客

技术栈 附上 Github地址 和 演示地址 以供参考。 HTML5 + CSS3 + Less + ES6+ + Vue3.x + Composition-API + Vite + Gulp + Rollup + Jest 初始化项目 可以使用 vite 的官方 template，也可以自己搭建。 官方命令 n...

vite+vue3+ts+element-plus项目搭建–超详细 vite 作用 快速的冷启动：不需要等待打包操作；即时的热模块更新：替换性能和模块数量的解耦让更新飞起；真正的按需编译：不再等待整个应用编译完成，这是一个巨大的改变。 使用的环...

最近准备在项目中使用vue3.0,顺便把vuex（目前是^4.0）也升级到最新版本了; 首先通过命令新建脚手架，在src目录下新建store文件夹。并创建index.js入口和modules文件夹（因为我把模块拆分了） user.js文件，一个独立的模块 接下来在index.js里面导入vuex相关api和自己定义的模块 // 这里跟vue2有点区别，vue2中是直接导入vue，然后通过vue.use(xxx)import { createStore } from 'vuex'import

vue-cli3生成的项目比vue-cli2生成的项目目录简单很多,少了build与config文件夹，所以有的东西需要自己手动配置。条件：将npm更新至最新  node >=8.91.全局安装 npm install -g @vue/cli 或 yarn global add @vue/cli2.查看vue版本3.在一个新文件夹下创建项目  在项目跟目录下新建vue.config.js对vue-cli以及...

用了vue3大半年了，一直都是用vue cli 基于webpack来搭建的项目，刚好有个移动端的项目，我想用vite版本的vue3来做，这里记录一下项目搭建的过程。Home | Vite​cn.vitejs.dev一.目标vite版本vue3ts集成路由集成vuex集成axios配置Vant3移动端适配请求代理二.步骤vite+ts+vue3只需要一行命令npm init @vitejs/app my-vue-app --template vue-ts配置路由Introduction | Vue Route

Vue3.0 beta也出来一段时间了，最近一直在看react，对于vue3.0倒是没怎么关注，想着等正式版出来再说，不过最近事情不多，还是抽出了一点时间，试了一下新版的Vue3.0，不得不说，改动还是有的，对于初上手的人可能没有之前友好尤大官方的直播也有一些介绍但是毕竟还是beta版，配套的支持还不多，生产环境暂时还是不要使用为好安装使用vue-cli创建项目，我用的是4.4.6版本，不是最新版的建议更新一下vue create vue-next-test这是我个人创建项目启用.

本博客会长期更新（在 Vue 的中文官方文档没有发布前）。博客的边界：本博客只会带来Vue 3 新增内容的整理文档（经过验证的）重点内容：Vite Composition API 新的响应式机制 计算属性和侦听器 teleport （传送） Fragment（碎片） 自定义事件（$emit 验证） 组件的 v-model 升级利用 vite 创建下一代的 Vue 项目两个重要的点：Vue CLI v4.5 之上的版本 ViteVue CLI想要构建 Vue 3..

对于没太了解 Vue3.0 的同学，在看到 Composition API 时，除了看起来会有一个“高大上”的感觉，可能更多的是有点懵逼，心中不免泛起一堆疑惑，这到底是何方神圣？干了何等大事？承担了何种重任？下面我们就一起来简明扼要聊聊，用人人都听得懂的话来阐述 Vue3.0 Composition API。What首先，这两单词是啥意思？Composition: 构成，组合方式API：应用程序接口（Application Programming Interface），指一些预先定义的函数

前言今日早读文章由@尤雨溪授权分享。正文从这开始～～概要将 2.x 中与组件逻辑相关的选项以 API 函数的形式重新设计。基本例子import { value, computed, watch, onMounted } from 'vue'const App = { template: ` <div> <span>cou...

在vue-cli3的项目中，npm runserve时会把process.env.NODE_ENV设置为‘development’；npm run build时会把process.env.NODE_ENV设置为‘production’；此时只要根据process.env.NODE_ENV设置不同请求url就可以很简单的区分出本地和线上环境。头疼的是打包时线上环境可能分多种...

官网：https://cli.vuejs.org/zh/

关于安装Vue CLI 的包名称由 vue-cli 改成了 @vue/clinpm install -g @vue/cli安装完成后查看版本vue --V项目创建关于项目创建，除了命令创建3.x还增加了图形化界面创建以及管理vue项目在创建新项目时还可以混合选用多种集成TypeScript PWA Vue Router &amp; Vuex ESLint / ...

在上周的 Vue.js 伦敦大会上，Vue.js 作者尤雨溪简要介绍了 Vue 下一个主要版本要发布的内容，9 月 30 日，尤雨溪在 medium 个人博客上发布了 Vue 3.0 的开发路线，我们不妨看看 Vue 3.0 将会有怎样的发展。兼容按照尤雨溪的说法，因为 Vue 3.0 是主要版本，所以会包含一些重大变更。不过，开发组会非常重视兼容性问题，他们也将尽快开始传达这些重大变更，...