Category: vue

Vue2.0和Vue3.0的区别

Vue2.0和Vue3.0的区别

重构响应式系统,使用Proxy替换Object.defineProperty,使用Proxy优势: 可直接监听数组类型的数据变化 监听的目标...

vue3 ref函数

vue3 ref函数

我们知道,在vue3.0引入了composition API,setup函数是其核心函数 在setup函数中,可以使用ref函数,用于创建一...

前端Vue中常用rules校验规则

前端Vue中常用rules校验规则

在 vue开发中,难免遇到各种表单校验,这里整理了网络上和自己平时高频率用到的一些校验方法。如果错误欢迎指出,后期不断补充更新。

Vue.js 教程(1)

Vue.js 教程(1)

为什么JSRUN要再做一次VUE教程中文版? 官网教程是一套很优秀的教程, 但在经过官网教程学习中, 仍有一些真实需求如何去解决让人不得其解...

声明式渲染(2)

声明式渲染(2)

Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM: 我们已经生成了我们的第一个 Vue 应用! 看起来这跟单单...

条件与循环(3)

条件与循环(3)

VUE控制切换一个元素的显示也相当简单: 继续在控制台设置 app3.seen = false,你会发现 “现在你看到我了” 消失了。 这个...

处理用户输入(4)

处理用户输入(4)

为了让用户和你的应用进行交互,我们可以用 v-on 指令绑定一个调用 Vue 实例方法的事件监听器: 注意在 reverseMessage ...

组件化应用构建(5)

组件化应用构建(5)

组件系统是 Vue 的另一个重要概念,因为它是一种抽象,允许我们使用小型、自包含和通常可复用的组件构建大型应用。仔细想想,几乎任意类型的应用...

Vue 实例(6)

Vue 实例(6)

构造器 每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例 启动的: var vm = new Vue({ // ...

模板语法(7)

模板语法(7)

Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是...

计算属性(8)

计算属性(8)

计算属性 模板内的表达式是非常便利的,但是它们实际上只用于简单的运算。在模板中放入太多的逻辑会让模板过重且难以维护。例如: <div ...

Class 与 Style 绑定(9)

Class 与 Style 绑定(9)

Class 与 Style 绑定 数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性 ,我们可以用v-bin...

条件渲染(10)

条件渲染(10)

v-if 在字符串模板中,如 Handlebars ,我们得像这样写一个条件块: <!– Handlebars 模板 –> ...

列表渲染(11)

列表渲染(11)

v-for 我们用 v-for 指令根据一组数组的选项列表进行渲染。 v-for 指令需要以 item in items 形式的特殊语法, ...

事件处理器(12)

事件处理器(12)

监听事件 可以用 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码。 示例: 方法事件处理器 许多事件处理的逻辑都很复...

表单控件绑定(13)

表单控件绑定(13)

基础用法 你可以用 v-model 指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v...

使用组件(14)

使用组件(14)

什么是组件? 组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组...

如何使用Vue2做服务端渲染(15)

如何使用Vue2做服务端渲染(15)

花费了一个月时间,终于在新项目中成功部署了vue2服务端渲染(SSR),并且使用上了Vuex 负责状态管理,首屏加载时间从之前4G网络下的1...