![](https://i-blog.csdnimg.cn/direct/437fc0bad61a4decb418854eebae5f37.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 72
Vue基本使用和原理解析
Bulut0907
大数据、机器学习、编程语言、IT相关技术分享, 喜欢请关注、点赞、收藏哦!
展开
-
Vue使用函数实现计算属性、计算属性的实现和简写
当修改姓或名,vue会去重新加载模板,然后函数也会被调用。但如果模板中存在多个fullName(),则会被调用多次而不是一次。可以设置setter方法。当fullName被修改时setter被调用。当计算属性只要getter,没有setter,可以进行简写。通过computed来定义计算属性。可以设置getter方法。原创 2024-08-12 09:18:12 · 167 阅读 · 0 评论 -
Vue的事件处理、事件修饰符、键盘事件
但不推荐使用keyCode,因为不同浏览器的一个按键keyCode不一样,以后keyCode这种方式会被废弃。Vue未提供别名的按键,可以使用按键原始的key值去绑定,但多个单词的注意要转为短横线命名。如Enter,caps-lock。@keydown当键盘按下触发函数,@keyup当键盘按下再抬起触发函数。并不是所有的按钮都能捕获到。系统修饰键(用法特殊):ctrl、alt、shift、meta(windows图标)注意: 多个事件修饰符可以连写,如。原创 2024-08-07 09:03:59 · 960 阅读 · 0 评论 -
Vue的Object.defineProperty、数据代理、vue中的数据代理
基本原理:通过Object.defineProperty()把data对象中所有属性添加到vm上。为每一个添加到vm上的属性,都指定一个getter/setter。在vm实例中,访问vm.name和vm._data.name是一样的。可以通过这两对data中的name属性进行读写。可以通过Object.defineProperty动态定义属性和设置属性的值。通过一个对象代理对另一个对象中属性的读写操作。如下通过obj2代理obj1的x属性。通过vm对象来代理data对象中属性的读写操作。原创 2024-08-05 09:07:37 · 298 阅读 · 0 评论 -
Vue的指令语法、双向绑定、el和data的另一种写法、MVVM模型
用于解析标签(包括:标签属性、标签体内容、绑定事件…Vue中有很多的指令,且形式都是:v-xxxx,此处我们只是拿v-bind举个例子。运行,输入框都显示hello,在下面的输入框输入12345,上面的输入框也同步显示12345。vm身上所有的属性及Vue原型上所有属性,在Vue模板中都可以直接使用。Vue的设计参考了MVVM模型。Vue的MVVM模型如下。点击就可以跳转到baidu。原创 2024-07-29 09:05:38 · 272 阅读 · 0 评论 -
IDEA搭建Vue开发环境(安装Node.js、安装vue-cli、创建项目、编译项目、启动项目、yarn启动项目、npm和yarn命令行命令简单使用)
因为这个yarn和Hadoop的yarn命令会冲突,所以修改E:\install_software\Node.js\node-v20.4.0-win-x64路径下的yarn.cmd名称为yarnJs.cmd。使用IDEA打开项目, 然后在File–Settings–Plugins–Makerplace搜索vue.js, 安装并重启IDEA。再将E:\install_software\Node.js\node-v20.4.0-win-x64目录配置到环境变量。进入项目目录,安装项目所需依赖。原创 2024-07-22 09:01:12 · 967 阅读 · 0 评论 -
Vue的介绍和简单使用
一套用于构建用户界面的渐进式JavaScript框架。渐进式就是可以自底向上逐层的应用,简单应用只需一个轻量小巧的核心库,复杂应用可以引入各式各样的vue插件采用组件化模式,提高代码复用率,且让代码更好维护------一个页面模块就是一个vue文件,里面集成了html、css、js声明式编码,让编码人员无需直接操作DOM,提高开发效率。原创 2024-07-15 08:30:28 · 406 阅读 · 0 评论