- 1.引用vue.js 2.设计页面布局div 3.js代码，都需要new Vue（）的实例。其中，el：表示DOM中的Id，本处为vue_det,表示我们针对这个div进行操作； data用于定义属性，本处有三个属性：site、url、alexa; methods用于定义函... 1.引用vue.js 2.设计页面布局div 3.js代码，都需要new Vue（）的实例。其中，el：表示DOM中的Id，本处为vue_det,表示我们针对这个div进行操作； data用于定义属性，本处有三个属性：site、url、alexa; methods用于定义函...
- 钩子函数 指令定义函数提供了几个钩子函数（可选）： bind: 只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。 inserted: 被绑定元素插入父节点时调用（父节点存在即可调用，不必存在于 document 中）。 update: 被绑定元素所在的模板更新时调用，而不论绑定值... 钩子函数 指令定义函数提供了几个钩子函数（可选）： bind: 只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。 inserted: 被绑定元素插入父节点时调用（父节点存在即可调用，不必存在于 document 中）。 update: 被绑定元素所在的模板更新时调用，而不论绑定值...
- vue前端开发-准备篇-项目全局配置【1-2】 1.运行项目命令配置文件 当启动项目时候我们执行下面的命令，这些命令是通过调用package.json文件中的配置完成项目的启动和构建。 #启动项目服... vue前端开发-准备篇-项目全局配置【1-2】 1.运行项目命令配置文件 当启动项目时候我们执行下面的命令，这些命令是通过调用package.json文件中的配置完成项目的启动和构建。 #启动项目服...
- vue前端开发-准备篇-环境搭建&介绍前端NodeJs&npm&vueCLI与后端框架对应关系【1-1】 摘要 这篇文章核心主旨有两个，第一个介绍搭建前端项目安装的组件，第二个... vue前端开发-准备篇-环境搭建&介绍前端NodeJs&npm&vueCLI与后端框架对应关系【1-1】 摘要 这篇文章核心主旨有两个，第一个介绍搭建前端项目安装的组件，第二个...
- 基础的子组件和父组件通信已经搞定了，可以看此博客 父子组件传值基础应用 需求 现在需求是在一个父页面引用子组件，不只是要实现基本的父子组件传值。并且子组件给父组件传值的触发条件要在父页面触发。 目前小编... 基础的子组件和父组件通信已经搞定了，可以看此博客 父子组件传值基础应用 需求 现在需求是在一个父页面引用子组件，不只是要实现基本的父子组件传值。并且子组件给父组件传值的触发条件要在父页面触发。 目前小编...
- 问题： vue在结合钩子函数使用的时候，提示我自定义的方法不是一个方法。通过排查才发现，原来把普通方法写在了钩子函数的地方。所以其实是提醒你，你声明的方法不是一个钩子函数。 解决方法 把自己定义的普通方法... 问题： vue在结合钩子函数使用的时候，提示我自定义的方法不是一个方法。通过排查才发现，原来把普通方法写在了钩子函数的地方。所以其实是提醒你，你声明的方法不是一个钩子函数。 解决方法 把自己定义的普通方法...
- 前言： 因为组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特... 前言： 因为组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特...
- vue组件 组件（compoent）是vue最强大的功能之一。 称之为元素，组件可以扩展HTML中的元素，封装可重用的代码。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(i... vue组件 组件（compoent）是vue最强大的功能之一。 称之为元素，组件可以扩展HTML中的元素，封装可重用的代码。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(i...
- vue实例、指令、生命周期 本章重点 1、生命周期 2、插值 3、指令 一、创建一个实例vue实例 每一个vue应用都是通过vue函数创建一个新的vue实例开始的 语法： ver vm = ... vue实例、指令、生命周期 本章重点 1、生命周期 2、插值 3、指令 一、创建一个实例vue实例 每一个vue应用都是通过vue函数创建一个新的vue实例开始的 语法： ver vm = ...
- 今天用2.0创建项目的时候，使用scss一直不成功，一直报错……………… 记录一下，防止下次踩坑 1、安装依赖包 vue的webpack项目中需要安装上node-sass、sass-loader和st... 今天用2.0创建项目的时候，使用scss一直不成功，一直报错……………… 记录一下，防止下次踩坑 1、安装依赖包 vue的webpack项目中需要安装上node-sass、sass-loader和st...
- vue watch如何同时监听多个属性 第一种方法 data () { return { name1: '', name2: '', age... vue watch如何同时监听多个属性 第一种方法 data () { return { name1: '', name2: '', age...
- 1.实现效果（左上角title变化） 2.核心代码： 1.这里主要是 meta 属性下面设置一个自定义的键值 title 2.在前置导航守卫里面如下： router.beforeEach((to... 1.实现效果（左上角title变化） 2.核心代码： 1.这里主要是 meta 属性下面设置一个自定义的键值 title 2.在前置导航守卫里面如下： router.beforeEach((to...
- Vue指令之v-for和key属性 1.迭代数组 <ul> <li v-for="(item, i) in list">索引：{{i}} --- 姓名：{{item.nam... Vue指令之v-for和key属性 1.迭代数组 <ul> <li v-for="(item, i) in list">索引：{{i}} --- 姓名：{{item.nam...
- 此方法使用的是v-if来控制router-view的显示或隐藏，v-if从false变为true时，vue会重新渲染router-view区域，所以当参数变化时，只需让v-if 从true => f... 此方法使用的是v-if来控制router-view的显示或隐藏，v-if从false变为true时，vue会重新渲染router-view区域，所以当参数变化时，只需让v-if 从true => f...
- Vue监听滚动条事件 点击回到顶部 监听滚顶条事件： created () { this.listenerFunction(); }, beforeDestroy () { docum... Vue监听滚动条事件 点击回到顶部 监听滚顶条事件： created () { this.listenerFunction(); }, beforeDestroy () { docum...
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战，从0到1打通消息通道；码道鸿蒙端云一体化实战，快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第五期2026/09/04 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人；蒋春阳-华为云AI开发者案例开发专家
本期直播内容： AI工具体验营 · 第5-8课连讲。Agent-Team 多智能体协作完成毕业设计实践
回顾中 -
华为云开发者AI素养ClassRoom·第六期2026/09/08 周二 19:00-20:00
樊渊-2026华为软件挑战赛冠军
高手来了：看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签