- Vue（2.x） Vue的环境配置 Node.js的安装Vue的运行是依赖node进行的，所以安装Vue之前，要先去node的官网去安装node。安装结束之后可以使用下面的命令查看安装是否成功。node -v npm/yarnnpm（node package manager），俗称包管理器（类比于java里的maven），顾名思义，主要功能就是管理node包，包括：安装、卸载、更新等等。他... Vue（2.x） Vue的环境配置 Node.js的安装Vue的运行是依赖node进行的，所以安装Vue之前，要先去node的官网去安装node。安装结束之后可以使用下面的命令查看安装是否成功。node -v npm/yarnnpm（node package manager），俗称包管理器（类比于java里的maven），顾名思义，主要功能就是管理node包，包括：安装、卸载、更新等等。他...
- 四、功能截图： 4.1 登录注册：编辑 4.2 用户首页： 4.2.1 首页：电影推荐系统，在系统首页可以查看首页，免费电影，付费电影，电影论坛，电影资讯，个人中心等内容，并进行详细操作。编辑 4.2.2 免费电影：免费电影，在免费电影页面可以查看电影编号，电影分类，评分，开映时间，时长，导演，主演，点击次数等信息，并进行赞一下，踩一下，点我收藏等操作 编辑 4.2.3 付费电影：付... 四、功能截图： 4.1 登录注册：编辑 4.2 用户首页： 4.2.1 首页：电影推荐系统，在系统首页可以查看首页，免费电影，付费电影，电影论坛，电影资讯，个人中心等内容，并进行详细操作。编辑 4.2.2 免费电影：免费电影，在免费电影页面可以查看电影编号，电影分类，评分，开映时间，时长，导演，主演，点击次数等信息，并进行赞一下，踩一下，点我收藏等操作 编辑 4.2.3 付费电影：付...
- 一、前言介绍：本次设计任务是要设计一个基于协同过滤算法的电影推荐系统，通过这个系统能够满足电影推荐的管理功能。系统的主要包括首页，个人中心，用户管理，电影分类管理，免费电影管理，付费电影管理，电影订单管理，电影论坛，系统管理等功能。管理员可以根据系统给定的账号进行登录，登录后可以进入电影推荐系统对个性化智能电影推荐所有模块进行管理。包括查看和修改自己的个人信息以及登录密码。该系统为每一个用... 一、前言介绍：本次设计任务是要设计一个基于协同过滤算法的电影推荐系统，通过这个系统能够满足电影推荐的管理功能。系统的主要包括首页，个人中心，用户管理，电影分类管理，免费电影管理，付费电影管理，电影订单管理，电影论坛，系统管理等功能。管理员可以根据系统给定的账号进行登录，登录后可以进入电影推荐系统对个性化智能电影推荐所有模块进行管理。包括查看和修改自己的个人信息以及登录密码。该系统为每一个用...
- vue 对象vue 对象是管理 vue 的基本单元，开发者可以在 JS 代码中创建 vue 对象。在 vue 对象中，必须通过 el 指定 vue 对象作用域。<script> var app = new Vue({ el: '#app', ... });</script>Copy to clipboardErrorCopied 数据显示在 vue 对象中，... vue 对象vue 对象是管理 vue 的基本单元，开发者可以在 JS 代码中创建 vue 对象。在 vue 对象中，必须通过 el 指定 vue 对象作用域。<script> var app = new Vue({ el: '#app', ... });</script>Copy to clipboardErrorCopied 数据显示在 vue 对象中，...
- vue vue 概念 前端框架前端开发进化过程： 原生JS 》jQuery 等类库 》Vue 等前端框架jQuery 等类库提供了已封装好的 JS 方法集合，用户在前端开发中可以直接调用（可以使用多个）。Vue 等前端框架提供了完整的项目解决方案，用户在前端开发中必须按照特定框架规范进行开发（只能选择一个）。目前主流的前端框架有 Vue 、 React 、 Angular 。 vue 特征... vue vue 概念 前端框架前端开发进化过程： 原生JS 》jQuery 等类库 》Vue 等前端框架jQuery 等类库提供了已封装好的 JS 方法集合，用户在前端开发中可以直接调用（可以使用多个）。Vue 等前端框架提供了完整的项目解决方案，用户在前端开发中必须按照特定框架规范进行开发（只能选择一个）。目前主流的前端框架有 Vue 、 React 、 Angular 。 vue 特征...
- vue 基础 指令绑定vue 使用 v-bind 绑定属性，表示该属性内容从 vue-data 中加载。可以用 : 代替。vue 使用 v-on 绑定事件，表示该事件从 vue-methods 中加载。可以用 @ 代替。<input type=button value="按钮" v-bind:title="message" v-on:click="show"><!-- img 标签的 sr... vue 基础 指令绑定vue 使用 v-bind 绑定属性，表示该属性内容从 vue-data 中加载。可以用 : 代替。vue 使用 v-on 绑定事件，表示该事件从 vue-methods 中加载。可以用 @ 代替。<input type=button value="按钮" v-bind:title="message" v-on:click="show"><!-- img 标签的 sr...
- vue 组件vue 前端框架的基本功能单元是组件，vue 对象本身也是一个组件（根组件）。 全局组件Vue.component 用于声明全局组件（不推荐）。在 vue 中， template 表示组件模板，即组件要展示的内容。模板内只能含有一个根元素！Vue.component("greet-bar",{ template:' <div> <p>大家好，我是{{nam... vue 组件vue 前端框架的基本功能单元是组件，vue 对象本身也是一个组件（根组件）。 全局组件Vue.component 用于声明全局组件（不推荐）。在 vue 中， template 表示组件模板，即组件要展示的内容。模板内只能含有一个根元素！Vue.component("greet-bar",{ template:' <div> <p>大家好，我是{{nam...
- 二十一.计算属性的复杂操作<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <title>Document</title></head><body><div i... 二十一.计算属性的复杂操作<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <title>Document</title></head><body><div i...
- @TOC推荐Vscode编译器、vue官网：https://cn.vuejs.org/v2/guide/installation.html 🚙Vue基础🚙 一、Vue入门<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device... @TOC推荐Vscode编译器、vue官网：https://cn.vuejs.org/v2/guide/installation.html 🚙Vue基础🚙 一、Vue入门<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device...
- 命名视图实现经典布局标签代码结构：<div id="app"> <router-view></router-view> <div class="content"> <router-view name="a"></router-view> <router-view name="b"></router-view> </div> </div>JS代码：<script> va... 命名视图实现经典布局标签代码结构：<div id="app"> <router-view></router-view> <div class="content"> <router-view name="a"></router-view> <router-view name="b"></router-view> </div> </div>JS代码：<script> va...
- Get新知识: vue devtools 的安装及简单使用vue devtools 调试工具，相对于浏览器自带的开发者工具对于调试和查看vue 的项目和demo 提供更强大的调试功能，在对数据绑定的检验，标签结构等方面的查看检验调试更方便。 vue 父子组件传值父子组件之间传值，在子组件中使用props 属性接受传值，在使用时子组件时传入在props 中定义的参数名一致的数值。<!DOCT... Get新知识: vue devtools 的安装及简单使用vue devtools 调试工具，相对于浏览器自带的开发者工具对于调试和查看vue 的项目和demo 提供更强大的调试功能，在对数据绑定的检验，标签结构等方面的查看检验调试更方便。 vue 父子组件传值父子组件之间传值，在子组件中使用props 属性接受传值，在使用时子组件时传入在props 中定义的参数名一致的数值。<!DOCT...
- Get新知识: vue 过滤器vue 的过滤器可以实现对数据进行指定格式处理后返回数据，实现过滤的效果。过滤器的定义也分全局过滤器 和 局部过滤器，定义方式也和自定义指令的定义的形式类似，一般情况如下全局过滤器：局部过滤器：过滤器的使用。可以使用在 插值表达式 和 属性绑定中，并且支持级联过滤。 vue 生命周期vue 的生命周期一由 挂载， 更新，销毁 三个周期组成。以下是在 vue 生... Get新知识: vue 过滤器vue 的过滤器可以实现对数据进行指定格式处理后返回数据，实现过滤的效果。过滤器的定义也分全局过滤器 和 局部过滤器，定义方式也和自定义指令的定义的形式类似，一般情况如下全局过滤器：局部过滤器：过滤器的使用。可以使用在 插值表达式 和 属性绑定中，并且支持级联过滤。 vue 生命周期vue 的生命周期一由 挂载， 更新，销毁 三个周期组成。以下是在 vue 生...
- Get新知识: vue 表单域修饰符vue 提供了 number trim 和 lazy 三种表单修饰符，其中number 修饰符是将表单标签中的数据转换成数值，默认情况下是 字符串类型的数据，不适合作为计算，转换后更适合计算。trim 修饰符可以去除数据的两端的空格，其中的空格去除不了，需要注意。lazy 修饰符则是将标签默认的 input 事件转换成 change 事件。（input ... Get新知识: vue 表单域修饰符vue 提供了 number trim 和 lazy 三种表单修饰符，其中number 修饰符是将表单标签中的数据转换成数值，默认情况下是 字符串类型的数据，不适合作为计算，转换后更适合计算。trim 修饰符可以去除数据的两端的空格，其中的空格去除不了，需要注意。lazy 修饰符则是将标签默认的 input 事件转换成 change 事件。（input ...
- Get新知识: vue 按键修饰符vue 中不仅可以通过事件来和用户进行交互，也可以同通过键盘按键来交互，使用 v-on:keyup.enter=“xxx” 的格式来为指定的键盘事件指定处理逻辑，一般情况下是对某个具体键盘事件进行专门的处理逻辑，如果不指定具体按键则会是所按键都会出发事件。 vue 自定义按键修饰符通过如下的语句来自定义按键，Vue.config.keyCodes.qaq ... Get新知识: vue 按键修饰符vue 中不仅可以通过事件来和用户进行交互，也可以同通过键盘按键来交互，使用 v-on:keyup.enter=“xxx” 的格式来为指定的键盘事件指定处理逻辑，一般情况下是对某个具体键盘事件进行专门的处理逻辑，如果不指定具体按键则会是所按键都会出发事件。 vue 自定义按键修饰符通过如下的语句来自定义按键，Vue.config.keyCodes.qaq ...
- Get新知识: vue 的基本使用步骤需要提供标签用于填充数据引入vue.js 库文件可以使用vue 的语法做功能实现将vue 提供的数据填充标签中入门案例：插值表达式的简单使用。形如 {{ xxx }}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp... Get新知识: vue 的基本使用步骤需要提供标签用于填充数据引入vue.js 库文件可以使用vue 的语法做功能实现将vue 提供的数据填充标签中入门案例：插值表达式的简单使用。形如 {{ xxx }}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp...
上滑加载中
推荐直播
-
华为云码道Skill实战与极速交付，智能开发全链路实战2026/07/22 周三 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；姜浩-华为云HCDG核心组成员
直播深度解读华为云码道6月产品新特性，从Skill市场安装专家技能，带你零距离体验从需求，开发，审查，重构全链路闭环的开发过程。从零构建并交付一个完整项目，让您体验从代码提交到服务上线的“极速”之旅。
回顾中 -
聚开发者之力，创具身新未来2026/07/23 周四 15:00-17:00
张豪杰/程文/王军/刘新春/黄钦开 /张晓天
本次华为云具身智能开发平台CloudRobo培训面向具身智能开发者，带您全流程体验机器人本体R2C小时级接入、环境重建与轨迹生成仿真数据生产、PB级数据管理、数据评测、模型训推、强化学习和Benchmark一键评测等功能，并体验业界主流具身模型应用。
回顾中 -
用码道，让你的AI作品三步上朋友圈2026/08/04 周二 19:00-20:00
林华鼎-华为云AI开发者运营负责人
从入门 · 到做AI应用 · 到企业级开发。不教编程，只教用AI · 零代码、有产出、能带走、可炫耀 · 每课人人动手实操
回顾中
热门标签