- 1、MVVM 思想 M：即 Model，模型，包括数据和一些基本操作 V：即 View，视图，页面渲染结果 VM：即 View-Model，模型与视图间的双向操作（无需开发人员干涉）在 MVVM 之前，开发人员从后端获取需要的数据模型，然后要通过 DOM 操作 Model 渲染 到 View 中。而后当用户操作视图，我们还需要通过 DOM 获取 View 中的数据，然后同步到Mod... 1、MVVM 思想 M：即 Model，模型，包括数据和一些基本操作 V：即 View，视图，页面渲染结果 VM：即 View-Model，模型与视图间的双向操作（无需开发人员干涉）在 MVVM 之前，开发人员从后端获取需要的数据模型，然后要通过 DOM 操作 Model 渲染 到 View 中。而后当用户操作视图，我们还需要通过 DOM 获取 View 中的数据，然后同步到Mod...
- 计算属性和侦听器1、计算属性（computed）某些结果是基于之前数据实时计算出来的，我们可以利用计算属性。来完成示例：<div id="app"><ul><li>西游记：价格{{xyjPrice}}，数量：<input type="number" v-model="xyjNum"></li><li>水浒传：价格{{shzPrice}}，数量：<input type="number" v-... 计算属性和侦听器1、计算属性（computed）某些结果是基于之前数据实时计算出来的，我们可以利用计算属性。来完成示例：<div id="app"><ul><li>西游记：价格{{xyjPrice}}，数量：<input type="number" v-model="xyjNum"></li><li>水浒传：价格{{shzPrice}}，数量：<input type="number" v-...
- 在大型应用开发的时候，页面可以划分成很多部分。往往不同的页面，也会有相同的部分。 例如可能会有相同的头部导航。 但是如果每个页面都独自开发，这无疑增加了我们开发的成本。所以我们会把页面的不同部 分拆分成独立的组件，然后在不同页面就可以共享这些组件，避免重复开发。在 vue 里，所有的 vue 实例都是组件编辑1、全局组件 我们通过 Vue 的 component 方法来定义一个全局组件... 在大型应用开发的时候，页面可以划分成很多部分。往往不同的页面，也会有相同的部分。 例如可能会有相同的头部导航。 但是如果每个页面都独自开发，这无疑增加了我们开发的成本。所以我们会把页面的不同部 分拆分成独立的组件，然后在不同页面就可以共享这些组件，避免重复开发。在 vue 里，所有的 vue 实例都是组件编辑1、全局组件 我们通过 Vue 的 component 方法来定义一个全局组件...
- 1、生命周期每个 Vue 实例在被创建时都要经过一系列的初始化过程 ：创建实例，装载模板，渲染模 板等等。Vue 为生命周期中的每个状态都设置了钩子函数（监听函数）。每当 Vue 实例处于 不同的生命周期时，对应的函数就会被触发调用。 生命周期：你不需要立马弄明白所有的东西。编辑2、钩子函数 beforeCreated：我们在用 Vue 时都要进行实例化，因此，该函数就是在 Vue ... 1、生命周期每个 Vue 实例在被创建时都要经过一系列的初始化过程 ：创建实例，装载模板，渲染模 板等等。Vue 为生命周期中的每个状态都设置了钩子函数（监听函数）。每当 Vue 实例处于 不同的生命周期时，对应的函数就会被触发调用。 生命周期：你不需要立马弄明白所有的东西。编辑2、钩子函数 beforeCreated：我们在用 Vue 时都要进行实例化，因此，该函数就是在 Vue ...
- 1、npm install webpack -g全局安装 webpack2、npm install -g @vue/cli-init全局安装 vue 脚手架3、初始化 vue 项目；vue init webpack appname：vue 脚手架使用 webpack 模板初始化一个 appname 项目4、启动 vue 项目；项目的 package.json 中有 scripts，代表我... 1、npm install webpack -g全局安装 webpack2、npm install -g @vue/cli-init全局安装 vue 脚手架3、初始化 vue 项目；vue init webpack appname：vue 脚手架使用 webpack 模板初始化一个 appname 项目4、启动 vue 项目；项目的 package.json 中有 scripts，代表我...
- 一、前言应用Uni-app开发跨平台移动端App项目时，遇到列表项左划操作需求。经过研读Uni-app门户，发现uni-swipe-action组件可以实现列表项左划操作功能。基础效果如下：应用该组件能够满足基本的列表项目左划操作功能。完整示例demo请移步《uni-swipe-action组件实现列表项左划操作》下载。 二、优化在组件封装层面，发觉uni-swipe-action组件并不... 一、前言应用Uni-app开发跨平台移动端App项目时，遇到列表项左划操作需求。经过研读Uni-app门户，发现uni-swipe-action组件可以实现列表项左划操作功能。基础效果如下：应用该组件能够满足基本的列表项目左划操作功能。完整示例demo请移步《uni-swipe-action组件实现列表项左划操作》下载。 二、优化在组件封装层面，发觉uni-swipe-action组件并不...
- 一、前言Vue项目编译过程中，出现如下错误信息：ERROR in static/js/vendor.f1c68aa2d5e85847d30e.js from UglifyJsUnexpected token name «i», expected punc «;» [./node_modules/element-ui/src/utils/merge.js:2,0][static/js/ven... 一、前言Vue项目编译过程中，出现如下错误信息：ERROR in static/js/vendor.f1c68aa2d5e85847d30e.js from UglifyJsUnexpected token name «i», expected punc «;» [./node_modules/element-ui/src/utils/merge.js:2,0][static/js/ven...
- 一、前言在Vue项目开发过程中，以父子组件的形式进行页面调用，在测试过程中发现IE9下，子组件中定义初始化数据dataA=0，执行异步逻辑A，在异步请求方法前，输出dataA结果为0，请求结束后时，后台返回值将dataA赋值为1，输出dataA结果为1。再次触发子组件同样事件，但后台请求结果不满足赋值条件，对dataA不做赋值操作，发现在异步请求方法前后，输出dataA结果为1！伪码如下：... 一、前言在Vue项目开发过程中，以父子组件的形式进行页面调用，在测试过程中发现IE9下，子组件中定义初始化数据dataA=0，执行异步逻辑A，在异步请求方法前，输出dataA结果为0，请求结束后时，后台返回值将dataA赋值为1，输出dataA结果为1。再次触发子组件同样事件，但后台请求结果不满足赋值条件，对dataA不做赋值操作，发现在异步请求方法前后，输出dataA结果为1！伪码如下：...
- 一、前言项目开发过程中，组件通过render()函数渲染生成，并在组件内部定义了自定义拖拽指令。自定义拖拽指令实现了用户可以进行元素拖拽、缩放等一系列逻辑处理的动作。另一个逻辑处理页面由Vue实现，该页面可以实时展示元素相关属性信息（包括size、width、height及left、top等属性）。 二、思路监听器方式实现；Vuex state实现; 三、代码实现.js// 鼠标按下事件e... 一、前言项目开发过程中，组件通过render()函数渲染生成，并在组件内部定义了自定义拖拽指令。自定义拖拽指令实现了用户可以进行元素拖拽、缩放等一系列逻辑处理的动作。另一个逻辑处理页面由Vue实现，该页面可以实时展示元素相关属性信息（包括size、width、height及left、top等属性）。 二、思路监听器方式实现；Vuex state实现; 三、代码实现.js// 鼠标按下事件e...
- 一、前言在项目实战过程中，需要为项目主页实现日程日历功能，主要包括日程的增删改查。在网上研究一番后，经过对比发现一款比较好用的良心插件Fullcalendar。Fullcalendar是一个可以创建日历日程管理的开源组件。下面让我们来认识下该日程日历组件的强大吧。本文由以下几个部分组成：1.安装fullcalendar;2.简易DEMO;3.Template中FullCalendar属性注... 一、前言在项目实战过程中，需要为项目主页实现日程日历功能，主要包括日程的增删改查。在网上研究一番后，经过对比发现一款比较好用的良心插件Fullcalendar。Fullcalendar是一个可以创建日历日程管理的开源组件。下面让我们来认识下该日程日历组件的强大吧。本文由以下几个部分组成：1.安装fullcalendar;2.简易DEMO;3.Template中FullCalendar属性注...
- 一、前言在Vue项目开发过程中，当遇到应用逻辑出现错误，但又无法准确定位的时候，知晓Vue项目调试技巧至关重要。同后台项目开发一样，可以在JS实现的应用逻辑中设置断点，并进行单步、进入方法内、跳出方法等调试，从而准确定位问题根源。本文主要讲解针对JetBrains系列WebStorm下Vue项目进行调试的2种方法：debugger和Vue-devtools。 二、debuggerdebug... 一、前言在Vue项目开发过程中，当遇到应用逻辑出现错误，但又无法准确定位的时候，知晓Vue项目调试技巧至关重要。同后台项目开发一样，可以在JS实现的应用逻辑中设置断点，并进行单步、进入方法内、跳出方法等调试，从而准确定位问题根源。本文主要讲解针对JetBrains系列WebStorm下Vue项目进行调试的2种方法：debugger和Vue-devtools。 二、debuggerdebug...
- 一、前言在Vue项目开发过程中，应用this.$refs[name].resetFields();实现表单搜索元素重置时发现失效。经检查发现是form-item绑定的属性prop与包裹元素el-input绑定值不一致造成的。现梳理有关应用this.$refs[name].resetFields();重置表单注意事项。Form必须要有ref属性；Form必须绑定:model；<Form re... 一、前言在Vue项目开发过程中，应用this.$refs[name].resetFields();实现表单搜索元素重置时发现失效。经检查发现是form-item绑定的属性prop与包裹元素el-input绑定值不一致造成的。现梳理有关应用this.$refs[name].resetFields();重置表单注意事项。Form必须要有ref属性；Form必须绑定:model；<Form re...
- 一、前言在vue项目使用vue-resource实现异步加载的过程中，需要在任何一个页面任何一次http请求过程中，增加对token过期的判断，如果token已过期，需要跳转至登录页面。如果要在每个页面中的http请求操作中添加一次判断，那将会是一个非常大的修改工作量。那么vue-resource是否存在一个对于任何一次请求响应捕获的的公共回调函数呢？答案是有的!vue-resource中... 一、前言在vue项目使用vue-resource实现异步加载的过程中，需要在任何一个页面任何一次http请求过程中，增加对token过期的判断，如果token已过期，需要跳转至登录页面。如果要在每个页面中的http请求操作中添加一次判断，那将会是一个非常大的修改工作量。那么vue-resource是否存在一个对于任何一次请求响应捕获的的公共回调函数呢？答案是有的!vue-resource中...
- 一、前言vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的API更为简洁。vue-resource是一个非常轻量的用于处理HTTP请求的插件，它提供了两种方式来处理HTTP请求：使用Vue.http或this.$ht... 一、前言vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的API更为简洁。vue-resource是一个非常轻量的用于处理HTTP请求的插件，它提供了两种方式来处理HTTP请求：使用Vue.http或this.$ht...
- 一、key 的作用作为一个DOM节点的标识值，结合Diff算法可实现对节点的复用。(key相同的节点会被复用。)只有当key(或其他导致isSameNode判断为false)发生改变时，才会触发节点的重新渲染。否则Vue将会复用之前的节点，通过改变节点的属性来实现节点的更新。 二、key 使用 id 与 index 的区别不推荐使用index作为key，因为这种做法会导致某些节点被错误地原... 一、key 的作用作为一个DOM节点的标识值，结合Diff算法可实现对节点的复用。(key相同的节点会被复用。)只有当key(或其他导致isSameNode判断为false)发生改变时，才会触发节点的重新渲染。否则Vue将会复用之前的节点，通过改变节点的属性来实现节点的更新。 二、key 使用 id 与 index 的区别不推荐使用index作为key，因为这种做法会导致某些节点被错误地原...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签