Vue.js
文章平均质量分 71
vue.js基础语法,案例
Dust_SongYunfei
自己“悟”到的才是属于自己的!
展开
-
初始Vue计算属性和侦听器
假设我们有一个性能开销比较大的计算属性 A,它需要遍历一个巨大的数组并做大量的计算。如果没有缓存,我们将不可避免的多次执行 A 的 getter!Vue知道vue1.readmessage依赖于vue1.message,因此当vue1.message发生改变时,所有依赖vue1.readmessage的绑定也会更新。而且最妙的是我们已经以声明的方式创建了这种依赖关系:计算属性的 getter 函数是没有副作用 (side effect) 的,这使它更易于测试和理解。两种方式的最终结果确实是完全相同的。原创 2022-10-24 12:40:02 · 307 阅读 · 0 评论 -
记录Vue前端项目部署
一、关于nginx二、部署Vue项目1.打包Vue项目执行命令: npm run build生成文件:2.安装nginx官网下载:下载链接此处选择了稳定版1.20.1版本安装包文件:三、参考文档https://www.cnblogs.com/jackson-yqj/p/10273331.htmlhttps://www.cnblogs.com/jackson-yqj/p/10273352.html...原创 2021-11-01 13:48:12 · 314 阅读 · 0 评论 -
初始Vue模板语法-指令
文章目录1、指令2、参数动态参数3、修饰符4、参考文档1、指令指令 (Directives) 是带有 v- 前缀的特殊 attribute。指令 attribute 的值预期是单个 JavaScript 表达式 (v-for 是例外情况,稍后我们再讨论)。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。回顾我们在介绍中看到的例子:<p v-if="seen">现在你看到我了</p>这里,v-if 指令将根据表达式 seen 的值的真假来插入/移原创 2021-10-24 23:13:40 · 1938 阅读 · 0 评论 -
初始Vue模板语法-插值
一、模板语法Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。二、案例1.{{}}语法<body> <div id="app"> {{ms原创 2021-03-21 12:05:16 · 229 阅读 · 0 评论 -
初识Vue 生命周期
生命周期<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="vue.js"></scr原创 2021-03-21 12:04:41 · 177 阅读 · 0 评论 -
初识Vue
一、 Vue概念Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。二、Vue第一条Dem1.使用官方vue下载脚本,全局声明<script><!DOCTYPE html><html lang="原创 2021-03-21 12:04:01 · 181 阅读 · 0 评论