vue

vue开发

Vue 过滤器

1. 定义 Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。即对要显示的数据进行特定格式化后再显示(适用于一些简单的逻辑处理) 2. 注册和使用 1)全局注册和局部…

Vue 自定义指令

1. 定义 除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。当开发人员有的情况下,仍然需要对普通 DOM 元素进行底层操作,这时候就…

Vue key的作用与原理

1. vue中key的作用 1)虚拟DOM中key的作用: key是虚拟DOM对象的标识,当状态中的数据发生变化时,Vue会根据【新数据】生成【新的虚拟DOM】,随后Vue进行【新…

Vue 计算属性和监听属性

1. 计算属性computed 1)为什么要使用计算属性? 模板内使用表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如: &l…

Vue MVVM与数据代理

1.vue中的MVVM 在Vue框架中,MVVM是指Model-View-ViewModel(模型-视图-视图模型),是一种用于构建用户界面的架构模式。MVVM将用户界面分为三个主…

Vue el与data的两种写法

1. el 指定容器的方式 第一种: <!-- vue模板容器 --> <div id='root'> <h1>{{ msg }}</h1> </di…

vue-codemirror编辑器使用(vue3)

一.简介 vue-codemirror是基于 CodeMirror,适用于 Vue 的 Web 代码编辑器。 插件地址:https://www.npmjs.com/package/…

monaco-editor编辑器插件的使用(vite4+vue3)

一.简介 Monaco Editor 是一个浏览器端的代码编辑器库,同时它也是 VS Code 所使用的编辑器。 二.安装 > npm install monaco-editor@…