![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue3.0
汉武大帝·
我是攻城狮
展开
-
vue3.0学习--创建项目,基于vite创建
1,执行创建命令 npm create vite@latest。4,npm run format ---- 通常用于代码格式化。2, cd my3d ---- my3d 是创建的项目名字。3,npm install ---- 安装需要的插件包。5, npm run dev --- 运行项目。原创 2024-07-27 15:20:55 · 160 阅读 · 0 评论 -
VUE2.0与VUE3.0的数据双向绑定
1.VUE2.0通过Object.defineProperty来劫持对象属性的getter和setter操作,当数据发生变化时发出通知2.VUE3.0通过Proxy来劫持数据,当数据发生变化时发出通知这俩种数据双向绑定都是基于数据劫持来实现的。数据劫持的优势: ①不需要进行显示调用,vue的双向绑定原理就是通过数据劫持+发布订阅来实现的,比如angular的脏检查需要通过显示调用markForCheck,react则需要通过setState来进行显示调用 ②通过属性的劫持可以精准获得原创 2021-10-25 10:31:15 · 352 阅读 · 0 评论 -
Vue3.0生命周期和Vue2.0的对比,3.0路由配置
原创 2021-10-22 17:32:41 · 181 阅读 · 0 评论 -
Vue 3.0 中的一些函数setup、ref 和 reavtive、toRef、toRefs
1,setup函数该选项是一个接收props和context的函数,我们将在之后进行讨论。此外,我们将setup返回的所有内容都暴露给组件的其余部分 (计算属性、方法、生命周期钩子等等) 以及组件的模板。setup (props) { let repositories = [] const getUserRepositories = async () => { repositories = await fetchUserRepositories(props.us...原创 2021-10-22 13:52:59 · 1924 阅读 · 0 评论 -
vue3新建项目的过程(使用vite)
本文参考菜鸟教程https://www.runoob.com/vue3/vue3-install.html;在新建vue3项目中,菜鸟教程中推荐使用 Vite ,这里也使用Vite来构建项目,(Vite中文网地址:https://vitejs.cn/guide/);新建项目的步骤:(按照图片往下走就可以) 这里没有选择ts版的vue进入vue3-vite-demo目录下进行 npm install项目新建完成后,成功运行了,但是在App.vue页面中出...原创 2021-08-10 16:45:03 · 427 阅读 · 0 评论 -
vue3.0使用ant design of vue
在vue3.0项目中 ,想使用ant的话,尝试使用一下Antdv2.x,Antdv2.x是唐金州老师(杭州校宝在线)研发的新一代适配 Vue 3.0 的组件库,使用方式:cnpm i --save ant-design-vue@next -S在mian.js内引入ant-design-vue组件如下所示:import { createApp } from 'vue'import Antd from 'ant-design-vue';import App from './App.v...原创 2021-01-28 13:47:40 · 3442 阅读 · 0 评论 -
使用vue-cli脚手架创建vue3.0项目
1, 第一步: vue create todolist // (todolist 是要创建的项目名字)----- 输入后 回车2,接下来显示:建立vue3.0项目可以选择vue3_pre 这一个选项,但是这里我们选择最后一项进行相关配置,然后回车,然后接下来显示(注释:有绿色 * 的表示已经选中了,点击键盘上下箭头可以上下切换,点击空格键可以选中,再次点击空格键取消);选择完成后--回车,然后接下来显示这里我们选择 3.x (Preview) ,按照以下选择进行项目的...原创 2021-01-27 13:31:26 · 608 阅读 · 0 评论 -
vitejs环境下安装 mockjs
需要两步:npm方式安装:1, npm i mockjs -S2, npm i vite-plugin-mock-Dyarn 方式安装:yarn add mockjs -Syarn add vite-plugin-mock@next -D原创 2021-01-23 16:03:18 · 1560 阅读 · 0 评论 -
vue3.0中 在子组件中触发父组件中的函数
新手学习:vue3.0中 在子组件中触发父组件中的函数的技巧目前有两个:技巧一:在script中引入 defineEmit 后,import{ defineEmit }from'vue' ;通过defineEmit定义事件,例如:constemit=defineEmit(['myclick']); 定义了 myclick 事件,并且返回了一个函数,在点击事件里通过emit("myclick") 传递出事件,在父组件中的 引用的子组件的标签上定义上要传递的事件,具体代码如下:子组件:...原创 2021-01-23 14:33:01 · 5873 阅读 · 4 评论