Tag: 数据绑定
11 total results found
基于 TDD 模式编写 Vue 评论组件（上）：数据绑定和列表渲染
上篇教程学院君给大家演示了 Vue 组件测试套件（Vue Test Utils + Mocha + jsdom + Expect）的...
在 Vue.js 中通过计算属性动态设置属性值
引子 前面我们已经陆续介绍了 Vue.js 框架的常用基本语法，现在，我们可以结合这些语法实现一个小功能：展示一个 Web 框架列...
Vue.js 中属性和类名绑定的使用示例
我们在第一篇教程中演示数据绑定的时候，是将 Vue 实例的模型属性绑定到了表单输入元素上，除此之外，还可以将模型数据绑定到视图层 H...
Vue.js 中事件监听和异步处理的实现示例
我们在上篇教程中为按钮元素添加事件监听函数是通过传统的 JavaScript DOM 编程方式实现的： document.quer...
Vue.js 列表渲染的基本使用和动态调整
我们继续介绍 Vue.js 框架的基本功能。 基本使用 在 Vue.js 中，可以通过 v-for 指令轻松实现列表渲染，在 v...
Vue.js 数据绑定的基本实现和代码分析
从 MVVM 聊起 Vue.js 是一个简单、小巧的渐进式 JavaScript 框架，提供了现代 Web 开发中常用的高级功能：...
通过 Livewire 在 Laravel 项目中实现基于 PHP 的全栈开发（三）：数据绑定及底层实现
上篇教程我们介绍了 Livewire 组件创建和渲染的底层实现逻辑，这篇教程我们来演示下数据绑定的使用示例。和 Vue 组件类似，数...
原生框架开发入门（四） —— 博客文章详情页实现（上）
创建新页面 在微信开发者工具中打开小程序项目，在 pages 目录下新增 detail 目录用于存放文章详情页面，选中 detai...
基于 Laravel 的 Vue.js 中文学习教程 —— 数据绑定语法
Vue.js的模板基于DOM实现，这意味着所有的Vue.js模板都是有效的、可解析的HTML，并通过一些特殊属性做了增强。请记住这点...
基于 Laravel 的 Vue.js 中文学习教程 —— 概览篇：数据绑定与组件系统
1、简介 Vue.js（读作view）是一个用于构建交互式Web界面的JS库，其目标是以尽可能简单的API提供反应式数据绑定和组合...
基于 Laravel 的 Vue.js 中文学习教程 —— 入门篇
1、引入Vue.js 开始学习使用 Vue.js 之前先要将其引入我们的 Laravel 项目，这里我选择最简单的方式，直接下载对...