- 一、前言在学习和使用Vue.js 2.0 过程中遇到不少不一样的地方，本来移动端开发H5应用，准备将mui框架和Vue.js+vue-router+vuex 全家桶结合起来使用，但是在拍照上传的实现过程中遇到无法调用plus的H5+接口问题，所以最后拍照上传功能还是使用input file方式解决。但是内心还是不甘，由于项目进度推进，迭代版本，所以不得不放弃，后续我将此功能使用调用H5+接... 一、前言在学习和使用Vue.js 2.0 过程中遇到不少不一样的地方，本来移动端开发H5应用，准备将mui框架和Vue.js+vue-router+vuex 全家桶结合起来使用，但是在拍照上传的实现过程中遇到无法调用plus的H5+接口问题，所以最后拍照上传功能还是使用input file方式解决。但是内心还是不甘，由于项目进度推进，迭代版本，所以不得不放弃，后续我将此功能使用调用H5+接...
- 使用淘宝 NPM 镜像。npm install -g cnpm --registry=https://registry.npm.taobao.orgnpm –vC:\Users\hiszm>npm -v6.10.3安装webpack和脚手架npm install webpack –gnpm install -g @vue/cli@4.5.15vue -vC:\Users\hiszm>vue... 使用淘宝 NPM 镜像。npm install -g cnpm --registry=https://registry.npm.taobao.orgnpm –vC:\Users\hiszm>npm -v6.10.3安装webpack和脚手架npm install webpack –gnpm install -g @vue/cli@4.5.15vue -vC:\Users\hiszm>vue...
- 一、前言在项目开发过程中，一般都是在同一域名下进行接口联调，且不存在跨域，但是当我们在使用vue-cli进行项目打包的时候，在本地启动服务器后，比如本地开发服务下是 http://localhost:8080 这样的访问页面，但是我们的接口地址是 http://xxxx.com/save/index ，这样直接使用会存在跨域的请求，导致接口请求不成功，因此需要在打包的时候进行代理配置。 二... 一、前言在项目开发过程中，一般都是在同一域名下进行接口联调，且不存在跨域，但是当我们在使用vue-cli进行项目打包的时候，在本地启动服务器后，比如本地开发服务下是 http://localhost:8080 这样的访问页面，但是我们的接口地址是 http://xxxx.com/save/index ，这样直接使用会存在跨域的请求，导致接口请求不成功，因此需要在打包的时候进行代理配置。 二...
- 一、前言vue项目启动后调用顺序: index.html → main.js → app.vue → index.js → components/组件 二、文件介绍项目创建好后，一般会生成三个文件：index.html、main.js、app.vue。index.html ：所有vue文件均以单页面形式开发，所有vue组件都是通过index.html进行渲染加载。main.js：相当于ja... 一、前言vue项目启动后调用顺序: index.html → main.js → app.vue → index.js → components/组件 二、文件介绍项目创建好后，一般会生成三个文件：index.html、main.js、app.vue。index.html ：所有vue文件均以单页面形式开发，所有vue组件都是通过index.html进行渲染加载。main.js：相当于ja...
- 一、resource请求npm install vue-resource --save import VueResource from 'vue-resource'Vue.use(VueResource)this.$http.get("") 二、axios 请求npm install axios --save axios.defaults.baseURL = "根地址"//vue页面引入i... 一、resource请求npm install vue-resource --save import VueResource from 'vue-resource'Vue.use(VueResource)this.$http.get("") 二、axios 请求npm install axios --save axios.defaults.baseURL = "根地址"//vue页面引入i...
- 一、前言<component>元素是vue 里面的内置组件。在<component>里面使用 :is，可以实现动态组件的效果。 二、示例解析下面例子创建一个包含多子组件的 vue 实例。vue代码部分：新建 vue 实例 “app”，这个实例的 components 里面，有3个组件，这些组件都有各自的模板。分别是 acomp，bcomp，ccomphtml 代码部分：使用vue 内置组件... 一、前言<component>元素是vue 里面的内置组件。在<component>里面使用 :is，可以实现动态组件的效果。 二、示例解析下面例子创建一个包含多子组件的 vue 实例。vue代码部分：新建 vue 实例 “app”，这个实例的 components 里面，有3个组件，这些组件都有各自的模板。分别是 acomp，bcomp，ccomphtml 代码部分：使用vue 内置组件...
- 一、前言在Vue2.0路由跳转中，除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 实例方法，通过编写代码来实现。router.push(location)想要导航到不同的 URL，使用 router.push 方法。这个方法会向 history 栈添加一个新记录，所以，当用户点击浏览器后退按钮时，可以返回到之前的 URL。当你点击 <rou... 一、前言在Vue2.0路由跳转中，除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 实例方法，通过编写代码来实现。router.push(location)想要导航到不同的 URL，使用 router.push 方法。这个方法会向 history 栈添加一个新记录，所以，当用户点击浏览器后退按钮时，可以返回到之前的 URL。当你点击 <rou...
- 一、前言build.js配置文件是npm run build 命令的入口配置文件，主要用于生产环境。由于这是一个系统配置文件，将涉及很多模块和插件，所以这部分内容我将分多个文章讲解，请关注博主其他文章。// 此文件运行在node环境中，使用webpack的nodejsAPI实现自定义构建和开发流程// npm和node版本检查，请看我的check-versions配置文件相关文章requi... 一、前言build.js配置文件是npm run build 命令的入口配置文件，主要用于生产环境。由于这是一个系统配置文件，将涉及很多模块和插件，所以这部分内容我将分多个文章讲解，请关注博主其他文章。// 此文件运行在node环境中，使用webpack的nodejsAPI实现自定义构建和开发流程// npm和node版本检查，请看我的check-versions配置文件相关文章requi...
- 个人简介作者是一个来自河源的大三在校生，以下笔记都是作者自学之路的一些浅薄经验，如有错误请指正，将来会不断的完善笔记，帮助更多的Java爱好者入门。@[toc] Vue2框架-2.9.6该Vue2入门笔记所参考的是：Vue.js官方文档、尤雨溪讲解视频(中文翻译版)、以及诸多CSDN笔记、知乎等，仅供入门参考，不作任何深入研究！ 起步 编译器选择IDEA（不推荐），IDEA开发Vue应用的... 个人简介作者是一个来自河源的大三在校生，以下笔记都是作者自学之路的一些浅薄经验，如有错误请指正，将来会不断的完善笔记，帮助更多的Java爱好者入门。@[toc] Vue2框架-2.9.6该Vue2入门笔记所参考的是：Vue.js官方文档、尤雨溪讲解视频(中文翻译版)、以及诸多CSDN笔记、知乎等，仅供入门参考，不作任何深入研究！ 起步 编译器选择IDEA（不推荐），IDEA开发Vue应用的...
- 一、前言Vue.js 允许自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：<!-- 在双花括号中 -->{{ message | capitalize }}<!-- 在 `v-bind` 中 --><div v-bind:... 一、前言Vue.js 允许自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：<!-- 在双花括号中 -->{{ message | capitalize }}<!-- 在 `v-bind` 中 --><div v-bind:...
- 一、拓展阅读在前端应用中，窗口间通信应用场景很多，比如弹出qq登录认证窗。 二、postMessage 语法window.postMessage(msg,targetOrigin)注意⚠️postMessage要通过window对象调用！因为这里的window不只是当前window！大部分使用postMessage的时候，都不是本页面的window，而是其他网页的window！如：ifra... 一、拓展阅读在前端应用中，窗口间通信应用场景很多，比如弹出qq登录认证窗。 二、postMessage 语法window.postMessage(msg,targetOrigin)注意⚠️postMessage要通过window对象调用！因为这里的window不只是当前window！大部分使用postMessage的时候，都不是本页面的window，而是其他网页的window！如：ifra...
- 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识！点我探索新世界！Vue3摒弃了上一代版本的函数式API-Options API ,采用了组合式API- Composition API。Composition API允许用户像编... 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识！点我探索新世界！Vue3摒弃了上一代版本的函数式API-Options API ,采用了组合式API- Composition API。Composition API允许用户像编...
- 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识！点我探索新世界！ 创建 Vue 应用vue的安装有多种方式，本文只讨论基础知识，其他安装方式请自行查阅官网https://v3.cn.vuejs.org/guide/instal... 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识！点我探索新世界！ 创建 Vue 应用vue的安装有多种方式，本文只讨论基础知识，其他安装方式请自行查阅官网https://v3.cn.vuejs.org/guide/instal...
- hook function什么是hook,顾名思义钩子，他的作用就像是一个挂钩，在我们需要的时候把我们实现的钩子函数-hook function，挂在挂钩上。用过Vue的同学，想必都很熟悉Vue的生命周期。例如create，mounted,其实这些都是生命周期钩子。我们可以在这些钩子调用我们实现的函数。、本文就是介绍10个在Vue项目开发过程，经常会用到的函数，请注意，这里是Vue3的写法... hook function什么是hook,顾名思义钩子，他的作用就像是一个挂钩，在我们需要的时候把我们实现的钩子函数-hook function，挂在挂钩上。用过Vue的同学，想必都很熟悉Vue的生命周期。例如create，mounted,其实这些都是生命周期钩子。我们可以在这些钩子调用我们实现的函数。、本文就是介绍10个在Vue项目开发过程，经常会用到的函数，请注意，这里是Vue3的写法...
- 在上一节课程中，我们成功的连接mysql数据库，并创建了一张tutorial表，有了这些最基本的条件，本节课程我们实现我们的第一个接口-新增课程接口！对于一个新增课程的接口，我们在前台是通过发送post方式请求的，所以对于我们的后台也是一个post接口！创建一个新的课程，我们需要包含title，description等关键信息。有了这两个基础条件，我们开始正式编码！ controller层作... 在上一节课程中，我们成功的连接mysql数据库，并创建了一张tutorial表，有了这些最基本的条件，本节课程我们实现我们的第一个接口-新增课程接口！对于一个新增课程的接口，我们在前台是通过发送post方式请求的，所以对于我们的后台也是一个post接口！创建一个新的课程，我们需要包含title，description等关键信息。有了这两个基础条件，我们开始正式编码！ controller层作...
上滑加载中
推荐直播
-
在昇腾云上部署使用DeepSeek2025/02/14 周五 16:30-18:00
Hao-资深昇腾云解决方案专家
昇腾云上有多种方法部署DeepSeek，讲师一步步演示，解析配置参数的含义和推荐的选择。学完一起动手搭建自己的DeepSeek环境吧！
回顾中
热门标签