vue
文章平均质量分 79
Qiuxuntao
学生
展开
-
Vue2学习笔记之知识点大总结
文章目录1、初识Vue2、Vue模版语法3、数据绑定4、el与data的两种写法5、MVVM模型6、Vue的数据代理7、事件处理7.1、事件的基本使用7.2、事件修饰符7.3、键盘事件8、计算属性1、初识Vue 初识Vue: 1.想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象; 2.root容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法; 3.root容器里的代码被称为【Vue模板】; 4.Vue实例和容器是一一对应的; 5原创 2022-05-20 17:14:46 · 1294 阅读 · 5 评论 -
Vue3Pinia
文章目录一、创建项目二、下载pinia三、配置main .js四、配置store五、在App.vue进行操作修改state里面的数据六、 完整代码七、效果展示一、创建项目npm create vite@latest> cd <your-project-name>> npm install> npm run dev二、下载pinianpm i pinia三、配置main .jsimport { createApp } from 'vue'import A原创 2022-04-01 15:42:50 · 1943 阅读 · 4 评论 -
Vuex的todos案例
项目创建创建的时候记得勾上vuexvue create vuex-todos 配置App根组件<template> <div id="app"> <a-input placeholder="请输入任务" class="my_ipt" /> <a-button type="primary">添加事项</a-button> <a-list bordered :dataSource="list" class=原创 2021-12-31 10:17:47 · 1088 阅读 · 0 评论 -
Vue动态组件
动态组件1.什么是动态组件动态组件就是控制动态组件的显示和隐藏2.实现组件的动态渲染2.1.首先先确定要渲染的组件是哪个组件,那必须先注册组件,然后return出去data() { return { comName: "Left", }; }, components: { Left, Right, },2.2.通过 is属性指定需要渲染哪个组件,is 属性被定义<component :is=""></compo原创 2021-12-24 16:32:02 · 885 阅读 · 0 评论