vue
关注
分享
扫一扫
文章平均质量分 56
清浅九天
这个作者很懒，什么都没留下…
展开
-
vue3+vite+ts搭建项目报错处理
报错1：node_modules/@vue/reactivity/dist/reactivity.d.ts:26:15 - error TS2748: Cannot access ambient const enums when the '--isolatedModules' flag is provided.处理：把tsconfig.json文件中的"isolatedModules"设置成 false,原创 2022-04-01 10:35:17 · 2915 阅读 · 0 评论 -
vue3+vite2项目学习-创建配置
1.通过vite创建 vue+ts 项目1. 在存放目录中，新建项目文件夹2.打开项目文件夹，打开命令板3.输入 npminitvite@latest 或者 yarn createvite4.项目名 dutiesVue3Vite25.选择框架vue / vue-ts6.初始化创建完成cd //进入项目npm install （或者 yarn） // 安装依赖npmrun dev （或者 yarndev） /...原创 2022-03-31 18:05:31 · 2198 阅读 · 1 评论 -
vue学习笔记--绑定样式
1.绑定class样式--字符串写法<!-- 绑定class样式--字符串写法，适用于：样式的类名不确定，需要动态指定 --> <div class="basic" :class="mood" @click="changeMood">{{name}}</div><br>2. 绑定class样式--数组写法<!-- 绑定class样式--数组写法，适用于：要绑定的样式个数不确定，名字也不确定 --> <di...原创 2022-03-10 15:50:24 · 161 阅读 · 0 评论 -
vue学习笔记--事件处理（监听事件和修饰符）
1.绑定监听--事件基本处理vue可以通过@click绑定方法，默认参数是event，在方法中如果指明了形参event可以获取控件的属性值，如果没有指明形参event也使用event也不会报错，如果有形参必须传event,此时通过$event指明实参event<body> <div id="root"> <h2>vue学习{{name}}</h2> <button @click="showInfo1">点击提示框（不传原创 2022-03-07 13:19:22 · 913 阅读 · 0 评论 -
vue学习笔记--数据代理
1.什么是数据代理？数据代理：通过一个对象代理对另一个对象中属性的操作(读/写)。下面我们通过一个简单的例子来了解什么是数据代理：1.我们定义了两个对象 obj 和 obj22.然后通过Object.defineProperty() 方法给obj2的对象上面添加了一个属性 x 在配置对象中我们定义了get() 方法和 set() 方法 3.当我们访问obj2的x属性时触发get() 方法把obj.x的值返回给我们4.当我们修改obj2.x的值时候触发了set() 方法 把我.原创 2022-03-02 15:38:51 · 384 阅读 · 0 评论 -
vue学习笔记--MVVM
MVVM（Model–view–viewmodel）是一种软件架构模式。MVVM有助于将图形用户界面的开发与业务逻辑或后端逻辑（数据模型）的开发分离开来，这是通过置标语言或GUI代码实现的。MVVM的视图模型是一个值转换器，[1] 这意味着视图模型负责从模型中暴露（转换）数据对象，以便轻松管理和呈现对象。在这方面，视图模型比视图做得更多，并且处理大部分视图的显示逻辑。[1] 视图模型可以实现中介者模式，组织对视图所支持的用例集的后端逻辑的访问...原创 2022-03-02 11:19:04 · 689 阅读 · 0 评论 -
vue学习笔记--基础学习
一.初体验1.1Hello Vue.js<div id="app"> <h2>{{message}}</h2> <h1>{{name}}</h1></div><script src="../js/vue.js"></script><script type="text/javascript">Vue.config.productionTip = false; //阻止v...原创 2022-03-01 17:12:13 · 267 阅读 · 0 评论 -
vue学习笔记--vue认识+安装
目录一.Vue定义二.vue的特点一.Vue定义是一套用于构建用户界面的渐进式框架。Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。渐进式意味着：1.简单页面可以引用一个轻巧的核心库，将Vue作为你应用的一 部分嵌入中。2.复杂的应用可以引入vue的各种插件。二.vue的特点采用组件化模式，提高代码复用率，让代码更好维护； 声明式编码，无需直接操作DOM，提高开发效率； 使用虚拟DOM+优秀的D..原创 2022-03-01 11:59:29 · 422 阅读 · 0 评论