VUE教程
文章平均质量分 72
VUE教程
蜜獾互联网
聚焦国内外前沿技术文献、行业典型应用案例、互联网安全管理。
开源项目:https://gitee.com/ratel-admin
展开
-
VUE2教程-基础-Class 与 Style 绑定
操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute,所以我们可以用。处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。指令也可以与普通的 class attribute 共存。你可以在对象中传入更多字段来动态切换多个 class。变化时,class 列表将相应地更新。,class 列表将变为。我们可以把一个数组传给。原创 2023-08-25 13:32:32 · 134 阅读 · 0 评论 -
npm 设置taobao镜像源
【代码】npm 设置taobao镜像源。原创 2023-07-20 11:21:43 · 148 阅读 · 0 评论 -
VUE教程-基础-计算属性和侦听器
而且最妙的是我们已经以声明的方式创建了这种依赖关系:计算属性的 getter 函数是没有副作用 (side effect) 的,这使它更易于测试和理解。选项提供了一个更通用的方法,来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的。模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。两种方式的最终结果确实是完全相同的。然而,通常更好的做法是使用计算属性而不是命令式的。,它需要遍历一个巨大的数组并做大量的计算。你可以打开浏览器的控制台,自行修改例子中的 vm。原创 2023-07-13 17:18:20 · 446 阅读 · 0 评论 -
VUE2教程-基础-模板语法
Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。如果你熟悉虚拟 DOM 并且偏爱 JavaScript 的原始力量,你也可以不用模板,,使用可选的 JSX 语法。原创 2023-07-13 16:59:56 · 396 阅读 · 0 评论 -
VUE2基础-Vue实例
每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。的改动将不会触发任何视图的更新。不过现在,你只需要明白所有的 Vue 组件都是 Vue 实例,并且接受相同的选项对象 (一些根实例特有的选项除外)。你不需要立马弄明白所有的东西,不过随着你的不断学习和使用,它的参考价值会越来越高。当这些 property 的值发生改变时,视图将会产生“响应”,即匹配更新为新的值。的函数,这给了用户在不同阶段添加自己的代码的机会。原创 2023-07-13 14:54:45 · 362 阅读 · 0 评论 -
VUE2教程-基础-简介
Vue,读音是/vju:/,是一套用于构建用户界面的渐进式框架,自底层向上应用,Vue的核心库只关注视图层,容易入门,可以和第三方库或者已有的项目进行整合,可以做复杂的单页应用。简单的说,vue是一套前端的开发框架,vue是目前三大主流的框架之一,其他两个框架是:React、Angular。原创 2023-07-13 14:35:51 · 114 阅读 · 0 评论 -
VUE2基础-安装
只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验,以及生产环境可用的构建版本。提供的现代打包工具。你在最终打好的包里实际上是不需要编译器的,所以只用运行时版本即可。CommonJS 和 ES Module 版本是用于打包工具的,因此我们不提供压缩后的版本。替换为字符串字面量同时可以让 UglifyJS 之类的压缩工具完全丢掉仅供开发环境的代码块,以减少最终的文件尺寸。对于 UMD 版本来说,开发环境/生产环境模式是硬编码好的:开发环境下用未压缩的代码,生产环境下使用压缩后的代码。原创 2023-07-13 14:00:06 · 577 阅读 · 0 评论