![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3.0
佘小傲、
精通vue2,vue3,小程序开发,以及nodejs
展开
-
vue3使用vant组件库所用到的降级命令
创建项目 vue create yxsc_project 安装vant 组件库 第一步 安装命令 npm install vant@next --save (因为使用的是vue3.x 所以要安装vant的针对vue3的版本 vant@next) 第二部 vant的进阶使用 通过 npm install postcss postcss-pxtorem --save-dev (用来将px尺寸转化为rem尺寸) 配置rem的根元素字体大小 安装lib-flexiable 安装命令 npm i amfe-flexi原创 2021-05-31 14:35:44 · 1025 阅读 · 0 评论 -
vue3的vuex使用的步骤
在vue3中使用vue2中的写法也可以 但是这里我们使用组合api来使用vuex的数据和各种方法 打开store中的index.js 代码如下 // 可以看出与vue2的写法有些区别,但是用法一样 // 但是需要注意的是如果在创建项目时没有安装vuex 则需要自己安装 安装命令是 npm install vuex@next --save 这里需要注意命令的不同 安装的版本就不同 import { createStore } from 'vuex' export default createStore({原创 2021-06-28 20:40:11 · 848 阅读 · 0 评论 -
vue3的命令打包问题
有些情况下我们需要定义全局方法 然而在vue3.0中我们定义全局方法需要在globalProperties上面定义大部分情况下还是可以定义在main.js中的 我们这里就以定义在main.js中为例 // 这里我们就简单的随便添加一个属性 import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store' let app = cre原创 2021-06-28 20:33:13 · 334 阅读 · 0 评论 -
vue3中的model的改动
本来想着在vue3.X版本的项目中封装一个input组件,由于2.0中封装的收到擒来也就没有仔细去看文档最后导致效果怎么也实现不了,这就是不仔细看文档的代价吧,这里来说一下这个问题 在vue3.0版本中对v-model的改动个人认为还是挺大的 这里就以封装一个input组件为例 第一步在components文件夹中 创建一个myInput.vue文件 代码如下 <template> <div> <input type="text" :value="mo原创 2021-06-04 15:09:00 · 387 阅读 · 0 评论