VUE3-05-data property 和方法
Data Property
组件的 data 选项是一个函数。
Vue 在创建新组件实例的过程中调用此函数。
它应该返回一个对象,然后 Vue 会通过响应性系统将其包裹起来,并以 $data 的形式存储在组件实例中。
为方便起见,该对象的任何顶级 property 也直接通过组件实例暴露出来:
const app = Vue.createApp({
data() {
r...
2021-08-02 13:01:55 |
VUE
VUE3-04-模板语法
模板语法
Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层组件实例的数据。
所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML 解析器解析。
在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应性系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。
如果你熟悉...
2021-08-02 13:01:55 |
VUE
VUE3-03-instance 应用 & 组件实例
最基本的例子
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" con...
2021-08-02 13:01:55 |
VUE
VUE3-02-vue 是什么?vue 入门例子:声明式渲染
Vue.js 是什么
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。
与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。
Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。
另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
hello world
尝试...
2021-08-02 13:01:55 |
VUE
VUE3-01-vue install 安装方式
vue 的安装
Vue.js 设计的初衷就包括可以被渐进式地采用。这意味着它可以根据需求以多种方式集成到一个项目中。
将 Vue.js 添加到项目中有四种主要方式:
在页面上以 CDN 包的形式导入。
下载 JavaScript 文件并自行托管
使用 npm 安装它。
使用官方的 CLI 来构建一个项目,它为现代前端工作流程提供了功能齐备的构建设置 (例如,热重载、保存时的提示等...
2021-08-02 13:01:55 |
VUE
VUE3-01-overview 概览
vue3 系列
系统的学习整个系列。
然后学习如何实现,理解原理。
相关学习内容
nodejs-前端运行环境
npm-包管理
vite 打包工具
vue3-js 框架
vuex-状态管理
vue Router 路由器
vue cli 客户端
Devtools 开发工具
Vue test utils 测试工具
顺序
系统的学习一遍 vue3
然后再使用 cli...
2021-08-02 13:01:55 |
VUE
VUE3-01-chat 聊一聊 chat3
chat
详细介绍一下 vue3
Vue 3 是 JavaScript 框架 Vue.js 的最新主要版本,它带来了许多显著的改进和新特性。
Vue 3 旨在提供更好的性能、更小的打包体积、更易于维护的代码以及更强大的功能。以下是 Vue 3 的一些关键特性:
Composition API:Vue 3 引入了组合式 API,这是一种新的编写组件逻辑的方式,特别是在处...
2021-08-02 13:01:55 |
VUE
PHP 入门案例 windows10
php
PHP(全称:PHP:Hypertext Preprocessor,即”PHP:超文本预处理器”)是一种通用开源脚本语言。
安装
在您自己的 PC 机上建立 PHP
然而,如果您的服务器不支持 PHP,您必须:
安装 Web 服务器
安装 PHP
安装数据库,比如 MySQL
官方 PHP 网站(PHP.ne...
2021-07-27 13:01:55 |
PHP