- 携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第26天，点击查看活动详情 vue 对象vue 对象是管理 vue 的基本单元，开发者可以在 JS 代码中创建 vue 对象。在 vue 对象中，必须通过 el 指定 vue 对象作用域。<script> var app = new Vue({ el: '#app', ... });</scr... 携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第26天，点击查看活动详情 vue 对象vue 对象是管理 vue 的基本单元，开发者可以在 JS 代码中创建 vue 对象。在 vue 对象中，必须通过 el 指定 vue 对象作用域。<script> var app = new Vue({ el: '#app', ... });</scr...
- 携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第27天，点击查看活动详情 vue 基础 指令绑定vue 使用 v-bind 绑定属性，表示该属性内容从 vue-data 中加载。可以用 : 代替。vue 使用 v-on 绑定事件，表示该事件从 vue-methods 中加载。可以用 @ 代替。<input type=button value="按钮" v-bind:ti... 携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第27天，点击查看活动详情 vue 基础 指令绑定vue 使用 v-bind 绑定属性，表示该属性内容从 vue-data 中加载。可以用 : 代替。vue 使用 v-on 绑定事件，表示该事件从 vue-methods 中加载。可以用 @ 代替。<input type=button value="按钮" v-bind:ti...
- 携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第28天，点击查看活动详情 vue 组件vue 前端框架的基本功能单元是组件，vue 对象本身也是一个组件（根组件）。 全局组件Vue.component 用于声明全局组件（不推荐）。在 vue 中， template 表示组件模板，即组件要展示的内容。模板内只能含有一个根元素！Vue.component("greet-ba... 携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第28天，点击查看活动详情 vue 组件vue 前端框架的基本功能单元是组件，vue 对象本身也是一个组件（根组件）。 全局组件Vue.component 用于声明全局组件（不推荐）。在 vue 中， template 表示组件模板，即组件要展示的内容。模板内只能含有一个根元素！Vue.component("greet-ba...
- 编辑vue脚手架基础demo目录vue脚手架基础democreated_demo1示例created_demo2示例filters_demo3v-once v-text_demo4数据类型demo5v-bind_demo6:class_demo7图片轮播_demo8v-if v-else——demo9按钮事件——demo10选项卡demo11created_demo1示例编辑<tem... 编辑vue脚手架基础demo目录vue脚手架基础democreated_demo1示例created_demo2示例filters_demo3v-once v-text_demo4数据类型demo5v-bind_demo6:class_demo7图片轮播_demo8v-if v-else——demo9按钮事件——demo10选项卡demo11created_demo1示例编辑<tem...
- 回顾下Vuex先vue-cli工具直接创建一个项目，勾选Vuex，其他随意：创建完毕自动安装依赖，之后启动项目，熟悉的helloworld ~ 简单写个demo运行看看，后面会逐步实现一个myVuex，来达到相同的期望运行结果：src/store/index.js ：import Vue from "vue";import Vuex from "vuex";Vue.use(Vuex);ex... 回顾下Vuex先vue-cli工具直接创建一个项目，勾选Vuex，其他随意：创建完毕自动安装依赖，之后启动项目，熟悉的helloworld ~ 简单写个demo运行看看，后面会逐步实现一个myVuex，来达到相同的期望运行结果：src/store/index.js ：import Vue from "vue";import Vuex from "vuex";Vue.use(Vuex);ex...
- 微信⼩程序 vs ⽀付宝⼩程序 vs 百度⼩程序各家⼩程序之间有很多相似的地⽅，例如相似的开发环境，相似的运⾏时渲染内容。文档索引微信⽂档：https://developers.weixin.qq.com/miniprogram/dev/api/百度⽂档：https://smartprogram.baidu.com/docs/develop/api/apilist/⽀付宝⽂档：https:... 微信⼩程序 vs ⽀付宝⼩程序 vs 百度⼩程序各家⼩程序之间有很多相似的地⽅，例如相似的开发环境，相似的运⾏时渲染内容。文档索引微信⽂档：https://developers.weixin.qq.com/miniprogram/dev/api/百度⽂档：https://smartprogram.baidu.com/docs/develop/api/apilist/⽀付宝⽂档：https:...
- 前段时间在用框架开发H5页面时，碰到框架中的组件内置了一个属性用于适配异形屏，虽然是组件内部实现的，但这个方式让我萌生一个想法：能不能自己写一个属性来实现这样的功能？经过一番思索，我发现Vue的指令模式就很像属性的写法，在Vue中，我们利用模板指令诸如v-if v-for等完成了许多工作，而Vue同样也支持自定义属性：const app = Vue.createApp({})// 注册一个全... 前段时间在用框架开发H5页面时，碰到框架中的组件内置了一个属性用于适配异形屏，虽然是组件内部实现的，但这个方式让我萌生一个想法：能不能自己写一个属性来实现这样的功能？经过一番思索，我发现Vue的指令模式就很像属性的写法，在Vue中，我们利用模板指令诸如v-if v-for等完成了许多工作，而Vue同样也支持自定义属性：const app = Vue.createApp({})// 注册一个全...
- 首先上一段代码：const obj = { age: 1 } // 定义一个对象let age = obj.age // 将对象的age属性赋值给一个变量obj.age++ // 对象的age属性发生了变化console.log(`age=${age}`, obj); // 输出结果： age = 1 {age: 2}在obj的age属性变化时，变量age如果也随之变化，通常就需要定义一个... 首先上一段代码：const obj = { age: 1 } // 定义一个对象let age = obj.age // 将对象的age属性赋值给一个变量obj.age++ // 对象的age属性发生了变化console.log(`age=${age}`, obj); // 输出结果： age = 1 {age: 2}在obj的age属性变化时，变量age如果也随之变化，通常就需要定义一个...
- 项目场景：项目场景：公司最近有个项目需要实现一个资源树（节点选中—加载图层，取消—隐藏图层）的功能。问题描述资源树我们可以用elementui的el-tree来实现功能，子节点可以选中\取消选中，这里我们可以使用插槽来自定义子节点： 通过切换checked值为true或者false来实现，一个checkbox的状态切换这里是实现资源树及自定义子节点的方法：通过循环LayerData数据源，... 项目场景：项目场景：公司最近有个项目需要实现一个资源树（节点选中—加载图层，取消—隐藏图层）的功能。问题描述资源树我们可以用elementui的el-tree来实现功能，子节点可以选中\取消选中，这里我们可以使用插槽来自定义子节点： 通过切换checked值为true或者false来实现，一个checkbox的状态切换这里是实现资源树及自定义子节点的方法：通过循环LayerData数据源，...
- 目录 前言一、环境要求1、node安装（前端开发环境）2、vue-cli脚手架安装（脚手架一键搭建项目）二、创建一个项目1.vue create2、选择Vue3模板并确定 3、等待项目创建和依赖下载 4、创建完成 ,进入目录，启动项目 ：cd portal ;npm run serve 5、浏览器查看项目 ：ctrl+单击网址 编辑 编辑 6、这是项目目录，到这里我们就创建了一个v... 目录 前言一、环境要求1、node安装（前端开发环境）2、vue-cli脚手架安装（脚手架一键搭建项目）二、创建一个项目1.vue create2、选择Vue3模板并确定 3、等待项目创建和依赖下载 4、创建完成 ,进入目录，启动项目 ：cd portal ;npm run serve 5、浏览器查看项目 ：ctrl+单击网址 编辑 编辑 6、这是项目目录，到这里我们就创建了一个v...
- 在讲watch之前，我们先来看看watchEffect 一、 watchEffect立即执行传入的一个函数，同时==响应式追踪其依赖==，并在其依赖变更时重新运行该函数。watchEffect的一些特点：不需要手动传入依赖（不用指定监听对象）无法获取原始值，只能获取更新后的值立即执行（在onMounted前调用）一些异步操作放里面更加的合适watchEffect第一个参数是一个箭头函数（是一... 在讲watch之前，我们先来看看watchEffect 一、 watchEffect立即执行传入的一个函数，同时==响应式追踪其依赖==，并在其依赖变更时重新运行该函数。watchEffect的一些特点：不需要手动传入依赖（不用指定监听对象）无法获取原始值，只能获取更新后的值立即执行（在onMounted前调用）一些异步操作放里面更加的合适watchEffect第一个参数是一个箭头函数（是一...
- Vite 官方中文文档Vue3 官方中文文档Vue Router 4.x 官方中文文档Vuex 4.x 官方中文文档本文只介绍利用Vite构建Vue3项目并安装Vuex，Vue Router，CSS预处理器的详细步骤，各内容的具体使用请查阅官方文档。 一、构建Vite+Vue3兼容性注意Vite 需要 Node.js 版本 >= 12.0.0。 使用NPM构建$ npm init vite@... Vite 官方中文文档Vue3 官方中文文档Vue Router 4.x 官方中文文档Vuex 4.x 官方中文文档本文只介绍利用Vite构建Vue3项目并安装Vuex，Vue Router，CSS预处理器的详细步骤，各内容的具体使用请查阅官方文档。 一、构建Vite+Vue3兼容性注意Vite 需要 Node.js 版本 >= 12.0.0。 使用NPM构建$ npm init vite@...
- 最近利用Vite构建Vue3写了一个简单的ToDoList，想要部署到Gitee，并开启 Gitee Pages服务时出现页面空白的问题，参考了很多博客，尝试了很多办法都没有解决，正愁眉不展时我点开了Vite的官方文档，好家伙，直接茅塞顿开，原本这么小的一个问题被我想的太复杂了，还浪费了那么多时间，哎，此刻记录下我的解决办法，希望能帮到跟我有同样问题的人。 Vite部署静态站点官方文档 一、... 最近利用Vite构建Vue3写了一个简单的ToDoList，想要部署到Gitee，并开启 Gitee Pages服务时出现页面空白的问题，参考了很多博客，尝试了很多办法都没有解决，正愁眉不展时我点开了Vite的官方文档，好家伙，直接茅塞顿开，原本这么小的一个问题被我想的太复杂了，还浪费了那么多时间，哎，此刻记录下我的解决办法，希望能帮到跟我有同样问题的人。 Vite部署静态站点官方文档 一、...
- 前言通过上一篇想必你已经对Object.defineProperty()有了一定的理解，这一篇我们就在前面的基础上探讨如何通过Object.defineProperty()来对对象，甚至是嵌套的对象进行数据劫持，以便我们能够侦听到对象的变化。对Object.defineProperty()了解之后我们就可以对其进行封装，形成一个可以侦听到对象变化的函数： 数据劫持（对象篇） defineR... 前言通过上一篇想必你已经对Object.defineProperty()有了一定的理解，这一篇我们就在前面的基础上探讨如何通过Object.defineProperty()来对对象，甚至是嵌套的对象进行数据劫持，以便我们能够侦听到对象的变化。对Object.defineProperty()了解之后我们就可以对其进行封装，形成一个可以侦听到对象变化的函数： 数据劫持（对象篇） defineR...
- 前言通过前两篇的学习，想必你已经对Object.defineProperty()和对象的侦听有了一定的理解，现在就让我们来继续研究如何使用Object.defineProperty()来对数组进行数据劫持，以便我们能够侦听到数组的变化。 数据劫持（数组篇）首先新建一个： array.jsimport { def } from "./utils.js";//获取数组的原型const arra... 前言通过前两篇的学习，想必你已经对Object.defineProperty()和对象的侦听有了一定的理解，现在就让我们来继续研究如何使用Object.defineProperty()来对数组进行数据劫持，以便我们能够侦听到数组的变化。 数据劫持（数组篇）首先新建一个： array.jsimport { def } from "./utils.js";//获取数组的原型const arra...
上滑加载中
推荐直播
-
GaussDB管理平台TPOPS，DBA高效运维的一站式解决方案2024/12/24 周二 16:30-18:00
Leo 华为云数据库DTSE技术布道师
数据库的复杂运维，是否让你感到头疼不已？今天，华为云GaussDB管理平台将彻底来改观！本期直播，我们将深入探索GaussDB管理平台的TPOPS功能，带你感受一键式部署安装的便捷，和智能化运维管理的高效，让复杂的运维、管理变得简单，让简单变得可靠。
回顾中 -
DTT年度收官盛典：华为开发者空间大咖汇，共探云端开发创新2025/01/08 周三 16:30-18:00
Yawei 华为云开发工具和效率首席专家 Edwin 华为开发者空间产品总监
数字化转型进程持续加速，驱动着技术革新发展，华为开发者空间如何巧妙整合鸿蒙、昇腾、鲲鹏等核心资源，打破平台间的壁垒，实现跨平台协同？在科技迅猛发展的今天，开发者们如何迅速把握机遇，实现高效、创新的技术突破？DTT 年度收官盛典，将与大家共同探索华为开发者空间的创新奥秘。
回顾中
热门标签