熟悉vue2.0开发的网友,只需要看看这个源码,运行起来,然后直接发布即可,其他插件的发布道理一样。如果你还不熟悉vue2.0的开发,建议先不要看这个。npm包vue插件源码源码下载好后,依次运行下面语句即可npm i // 安装依赖npm run build // 打包npm publish // 发布到npm平台上如有不懂,可留言评论私信。...
原创 2021-11-16 13:56:50
182阅读
文章目录一、注解形式开发二、实现类形式开发1. SqlMapConfig主配置2. 映射配置3.
原创 2022-08-12 11:11:49
69阅读
命令:npm ui 在终端输入vue ui 进入网页 即可进行创建
原创 2022-08-20 01:46:58
169阅读
1.html结构 <div id="app"> //这里填写的是data里的key值 <div :class="[active
原创 2023-02-24 12:17:29
86阅读
前两节我们讲了Vue的监视属性及深度监视,这一节我们来写一下监视的简写形式:注意:只有当watch的配置中只有handler而没有其他配置时才可以使用简写形式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp
原创 2022-09-21 18:57:33
69阅读
原创 2023-02-24 12:16:33
43阅读
前言:大概两个月前投身于一个项目中去,项目是一个移动端的项目,所选用的框架是时下比较流行的vue。这篇文章也是针对这个项目和以前自己学习时的一些总结,包括一些通用的移动端开发要注意的事项、vue开发遇到的一些问题。本文的目的是为了在以后的开发中我们可以避免这些坑,提高我们的开发效率。 一、移动端开发特有问题:1、移动端样式的兼容性:在当前移动端的开发要面对各种不同的手机,不同的手机DPI
转载 2023-07-14 10:33:44
204阅读
手把手Vue前端开发教程本文将手把手地教你如何使用Vue进行前端开发。简介 Vue.js 是一款渐进式 JavaScript 框架,易于上手。Vue 可以被用来开发单页面应用 (SPA) 以及简单的 UI 组件。Vue 的核心库只关注视图层,并且非常容易学习和集成到其他库或项目中。环境准备 在开始使用 Vue.js 之前,你需要在本地安装 Node.js 和 npm 包管理器。 可以通过以下命令检
转载 2024-01-04 18:50:44
25阅读
传参链接 <router-link to="/home/message/detail/12?title=张三">detail</router-link> //12 为params 参数传递形式 //title 为query 参数传递形式 路由形式 path:'detail/:id', //param ...
转载 2021-07-14 22:48:00
180阅读
2评论
保存数据:sessionStorage.setItem(key, value)取数据:sessionStorage.getItem(key)注意:sessionStorage 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。如果你想在浏览器窗口关闭后还保留数据,可以使用 localStorage 属性,使用方法如下:保存数据:localStorage.setItem
vue
原创 2023-08-18 10:40:47
118阅读
比如我们要实现点击一次为红色,再点击还原,再点击红色,再点击还原,如此反复的效果给<div @click="handleClick" :class="{activated:isActivated}">
原创 2023-02-24 12:17:33
112阅读
Vue路由传参的3种形式在列表向详情页面跳转,而后在详情页面查看列表的详情信息,此时设计路由传参,vue中有3种传参形式,介绍如下:<div class="action-btn" @click="viewDetails(item.id)">查看详情</div>一、path形式methods:{ insurance(id) { //直接调用$rou...
原创 2022-01-15 15:34:55
1153阅读
data为何以函数形式返回 在使用Vue构建组件化应用时,每个组件的data属性都是以函数形式返回的,这主要是在组件化实现的时候,每个实例可以维护一份被返回对象的独立的拷贝,而不是共享同一个对象的引用。 Vue简单实例 在一个Vue简单实例中,也就是不使用组件化实现的时候,data可以是一个对象,因
原创 2022-05-28 00:50:58
414阅读
课程地址:点击这里
原创 2022-10-22 01:02:39
60阅读
vue项目中form data形式传参,需要在headers中添加如下代码 headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'} 接口请求如下: export function subFaq (pa ...
vue
转载 2021-07-23 15:20:00
482阅读
2评论
Vue路由传参的3种形式在列表向详情页面跳转,而后在详情页面查看列表的详情信息,此时设计路由传参,vue中有3种传参形式,介绍如下:<div class="action-btn" @click="viewDetails(item.id)">查看详情</div>一、path形式methods:{ insurance(id) { //直接调用$rou...
原创 2021-08-27 12:41:12
286阅读
一.vue-router是做什么的  使用 Vue.js ,我们已经可以通过组合组件来组成应用程序(也就是我们所说的单页面应用),将组件(components)映射到路由(routes),然后告诉 vue-router 在哪里渲染它们。所以,用 Vue.js + vue-router 创建单页应用,是非常简单的。(如果对组件不了解的小伙伴,可以去翻阅vue官方api,或者上网找些基础视频进行基础学
转载 2023-10-22 08:26:20
74阅读
目录一、安装nodejs1、下载安装nodjs2、切换淘宝镜像源(1) 方式一:使用cnpm(2) 方式二:更改node的仓库地址二、搭建一个vue项目1、安装vue脚手架vue-cli2、创建项目3、启动项目4、项目目录说明三、vue代码讲解1、更改首页2、router路由实现页面跳转3、router实现子路由4、去除路径里的井号5、安装或卸载组件6、导入项目启动四、vue cli31、安装vu
转载 2024-01-19 23:45:29
314阅读
一、VScode编辑器1、Visual Studio Code 编辑器,VS code 是微软推出的一款免费且开源的编辑器。用户根据需要自行下载安装。 国内镜像下载链接:https://vscode.cdn.azure.cn/stable/b4c1bd0a9b03c749ea011b06c6d2676c8091a70c/VSCodeUserSetup-x64-1.57.0.exe二、Vue的下载和
转载 2023-11-03 12:57:18
131阅读
?TypeScript 简介TypeScript 其实就是类型化的 JavaScript,它不仅支持 JavaScript 的所有特性,还在 JavaScript 的基础上添加了静态类型注解扩展。这里我们举个例子来说明一下,比如 JavaScript 中虽然提供了原始数据类型 string、number,但是它无法检测我们是不是按照约定的类型对变量赋值,而 TypeScript 会对赋值及其他所有
转载 2024-10-13 17:39:25
11阅读
  • 1
  • 2
  • 3
  • 4
  • 5