Vue
文章平均质量分 94
Vue
Riemann Hypothesis
这个作者很懒,什么都没留下…
展开
-
Vue3.x 全家桶 | 06 - Vue 的指令 : v-text 和 v-html
特别是当将用户提供的内容直接插入到页面中时,可能会存在跨站脚本攻击(XSS)的风险。确保插入的 HTML 内容是安全的,或者对内容进行适当的过滤和转义,以防止安全问题。如果我们展示的内容本身就是 HTML,Vue 并不会对其进行特殊的解析,如果我们希望这个内容可以被 Vue 解析出来,那么就可以使用。取决于你要处理的内容是纯文本还是包含 HTML 标签,并且要考虑到潜在的安全风险。的值直接插入到元素的文本内容中,而插值表达式直接就是放在文本内容中的。指令用于设置元素的文本内容,与插值表达式不同的是。原创 2024-03-10 15:23:56 · 1043 阅读 · 0 评论 -
Vue3.x 全家桶 | 05 - Vue 的指令 : v-once
在 Vue 中,指令(Directives)也是模板语法的一部分,指令是一种特殊的 token,它带有。指令所在的元素及其子元素将不再响应数据的变化,也不会重新执行组件的生命周期钩子函数。Vue 提供了许多内置的指令,每个指令都有特定的功能,常用的指令包括了;可以看到控制输出的内容,修改成功了,但是并没有渲染成功,也就是只渲染了一次。的主要场景是在一些静态内容上,这样可以避免不必要的重新渲染,提高性能。与插值语法不同的是 Vue 中的指令都是作用在元素的属性上面的,可以修改成功,如果在元素的属性位置加上。原创 2024-03-10 15:23:04 · 763 阅读 · 0 评论 -
Vue3.x 全家桶 | 04 - Vue 的 Mustache 语法
在 Vue 的开发中大多数情况下都是使用基于 HTML 的模板语法,在模板中允许开发者以声明式的方式将 DOM 和底层组件实例的数据绑定在一起,Vue 的底层会将模板编译成虚拟 DOM 渲染函数。前面通过七篇文章我们已经了解 Vue 中的基本语法以及核心的 Options API,在此基础上我们将会深入的了解 Vue 中的语法以及指令和其他的 API 的使用。是一个对象类型,这个对象的每个属性都是一个个的函数,比如在计数器的案例中我们就在。会在自己的上层作用域中查找,找到的就是 script 中的。原创 2024-03-02 12:29:32 · 780 阅读 · 0 评论 -
Vue3.x 全家桶 | 03 - Vue 的 Options API
在前面的文章中,我们都是把 HTML 结构放在 属性中;在 Vue 的语法中 就是用于定义组件模板的选项,描述组件的结构和布局。我们可以像前面的文章一样把 HTML 代码放在 方法的参数对象的 属性中,作为 的属性值: 选项声明的 HTML 结构会完全替换掉 中的内容,我们可以来给 中增加一些内容,创建一个 HTML 页面,内容如下:使用 LiverServer 打开 HTML 页面:在 HTML 中增加上述的 JS 代码,再次刷新页面可以看到 中原有的内容全部被 选项声明的 HTML原创 2024-03-02 12:27:05 · 1345 阅读 · 0 评论 -
Vue3.x 全家桶 | 02 - Vue 的特性
MVVM 架构的关键特点是数据绑定,即模型的变化会自动反映在视图上,用户对视图的操作也会影响到模型。的简称,是非常流行的软件架构模式,用于将用户界面的开发和业务逻辑的处理分离,使得代码更易于理解、维护和扩展。是 Vue 对象的属性之一,用于定义包含多个方法的对象。我们需要通过这两个按钮的点击来改变变量的值,因此我们可以在这两个 button 上绑定事件,绑定事件我们需要使用到 Vue 的。是一个特殊的人关键字,它指代当前执行的上下文中的对象,其值的具体取决于函数是如何被调用的,在 Vue 中。原创 2024-03-01 22:54:29 · 830 阅读 · 1 评论 -
Vue3.x 全家桶 | 01 - Vue Quickstart
方法所创建的元素的内容是写死的,但其实这部分内容可以保存到一个变量中来实现,Vue 中的变量可以通过。属性必须是一个函数,该函数返回一个对象,对象的属性名就是变量名,属性值就是变量的内容。只是一个对象的名字,我们可以给他一个其他的名字,也可以挂载到别的已存在的元素上。属性的值是一个函数,用于返回数据,这里返回的就是我们需要渲染的列表数据,而。属性值函数返回的是一个对象,可以在这个对象中定义多个变量(属性),而在。我们可以将全部的源码拷贝到一个本地的 vue.js 文件中,并在。原创 2024-03-01 22:51:19 · 1164 阅读 · 0 评论