- 父组件的编写 <a:orgCode=orgCode ></a> 在data里面增加orgCode。 data() { return { orgCode: '037', }, };}, 子组件编写 子组件通过prop接收 props: { orgCode: { ... 父组件的编写 <a:orgCode=orgCode ></a> 在data里面增加orgCode。 data() { return { orgCode: '037', }, };}, 子组件编写 子组件通过prop接收 props: { orgCode: { ...
- 前言 使用vscode开发vue项目的时候,为了编码格式的统一化,使用eslint规范进行格式化。此时通过eslint插件可以实现对vue代码的自动格式化。 使用方式 在vscode的插件模块处,搜索eslint。找到下面的插件。 安装完成后,进行配置。 file --> preferenc... 前言 使用vscode开发vue项目的时候,为了编码格式的统一化,使用eslint规范进行格式化。此时通过eslint插件可以实现对vue代码的自动格式化。 使用方式 在vscode的插件模块处,搜索eslint。找到下面的插件。 安装完成后,进行配置。 file --> preferenc...
- 使用淘宝 NPM 镜像。 npm install -g cnpm --registry=https://registry.npm.taobao.org npm –v 12 C:\Users\hi... 使用淘宝 NPM 镜像。 npm install -g cnpm --registry=https://registry.npm.taobao.org npm –v 12 C:\Users\hi...
- (1)项目打包 终端运行命令 npm run build 打包成功的标志与项目的改变,如下图: 1 idea里面点击index.html,通过浏览器运行,出现以下报错,如图: 那么应该如何修改... (1)项目打包 终端运行命令 npm run build 打包成功的标志与项目的改变,如下图: 1 idea里面点击index.html,通过浏览器运行,出现以下报错,如图: 那么应该如何修改...
- 找到vue.config.js文件,改地址就行: devServer: { proxy: { '/api': { target: "http://localhost:端口号自己的地址", //这个更换成本地的地址 changeOrigin: true, logLevel: "debug" }... 找到vue.config.js文件,改地址就行: devServer: { proxy: { '/api': { target: "http://localhost:端口号自己的地址", //这个更换成本地的地址 changeOrigin: true, logLevel: "debug" }...
- class 数组 <h1 :class="['red', 'thin']">这是一个邪恶的H1</h1> 1 数组中使用三元表达式 <h1 :class="['red... class 数组 <h1 :class="['red', 'thin']">这是一个邪恶的H1</h1> 1 数组中使用三元表达式 <h1 :class="['red...
- 自定义指令 自定义全局和局部的 自定义指令: // 自定义全局指令 v-focus,为绑定的元素自动获取焦点: Vue.directive('focus', { in... 自定义指令 自定义全局和局部的 自定义指令: // 自定义全局指令 v-focus,为绑定的元素自动获取焦点: Vue.directive('focus', { in...
- vue-resource 实现 get, post, jsonp请求 除了 vue-resource 之外,还可以使用 axios 的第三方包实现实现数据的请求 之前的学习中,如何发起数据请求?常见的... vue-resource 实现 get, post, jsonp请求 除了 vue-resource 之外,还可以使用 axios 的第三方包实现实现数据的请求 之前的学习中,如何发起数据请求?常见的...
- 全局过滤器 局部过滤器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">... 全局过滤器 局部过滤器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...
- v-cloak需要在F12设置3g慢速网络 <!DOCTYPE html> <html lang="en"> <head> <meta charset="... v-cloak需要在F12设置3g慢速网络 <!DOCTYPE html> <html lang="en"> <head> <meta charset="...
- Vue指令之v-if和v-show 一般来说,v-if 有更高的切换消耗而 v-show 有更高的初始渲染消耗。因此,如果需要频繁切换 v-show 较好,如果在运行时条件不大可能改变 v-if ... Vue指令之v-if和v-show 一般来说,v-if 有更高的切换消耗而 v-show 有更高的初始渲染消耗。因此,如果需要频繁切换 v-show 较好,如果在运行时条件不大可能改变 v-if ...
- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta n... <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta n...
- 前言: 在把前端公共的功能放到公共的js 文件里的时候,无法使用 this 去引用已经全局注册的组件和 this本身都是 unfinished 目录 解决之前:解决之后:解决思路: 解决... 前言: 在把前端公共的功能放到公共的js 文件里的时候,无法使用 this 去引用已经全局注册的组件和 this本身都是 unfinished 目录 解决之前:解决之后:解决思路: 解决...
- data 必须是一个函数 上面例子中,可以看到 button-counter 组件中的 data 不是一个对象,而是一个函数: data: function () { return { count: 0 }} 这样的好处就是每个实例可以维护一份被返回对象的独立的拷贝,如果 data 是一个对象则会影响到其他实例,如下所示... data 必须是一个函数 上面例子中,可以看到 button-counter 组件中的 data 不是一个对象,而是一个函数: data: function () { return { count: 0 }} 这样的好处就是每个实例可以维护一份被返回对象的独立的拷贝,如果 data 是一个对象则会影响到其他实例,如下所示...
- 循环语句 循环使用 v-for 指令。 v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组并且 site 是数组元素迭代的别名。 v-for 可以绑定数据到数组来渲染一个列表: 模板中使用 v-for: <!DOCTYPE html><html> <he... 循环语句 循环使用 v-for 指令。 v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组并且 site 是数组元素迭代的别名。 v-for 可以绑定数据到数组来渲染一个列表: 模板中使用 v-for: <!DOCTYPE html><html> <he...
上滑加载中
推荐直播
-
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步轻松管理成本,帮助提升日常管理效率!
回顾中
热门标签