Vue学习之路5-v-model指令
1. 指令释义v-model在表单控件或者组件上创建双向绑定，本质上是负责监听用户的输入事件（onchange，onkeyup，onkeydown等，具体是哪个，还请查阅官方底层实现文档）以更新数据，并对一些极端场景进行一些特殊处理。2. 表单输入绑定方式和方法2.1 input框实现双向数据绑定示...
03-Vue入门系列之Vue列表渲染及条件渲染实战
3.1. 条件渲染有时候我们要根据数据的情况，决定标签是否进行显示或者有其他动作。最常见的就是，表格渲染的时候，如果表格没有数据，就显示无数据。如果有数据就显示表格数据。 Vue帮我们提供了一个v-if的指令，帮助我们完成判断的模板处理。<div id="app"> <h1 v-...
vue-cli脚手架npm相关文件解读（8）check-versions.js
系列文章传送门：1、build/webpack.base.conf.js2、build/webpack.prod.conf.js3、build/webpack.dev.conf.js4、build/utils.js5、build/vue-loader.conf.js6、build/build.js7...
初识Vue-插槽（详解插槽slot的运用）
目录 一、slot介绍 1. 概念 2. 特点 3. 功能 4. 用法 5. 应用 二、slot语法 1. 默认插槽 2. 命名插槽 3. 作用域插槽 小结 三、slot应用实例 1.动态表单组件 2.博客系统的文章组件 3.商品列表 四、总结 一、slot介绍 1. 概念 Vue.js中的插槽是一...
vue问题总结
1、通过判断绑定class及点击事件总结<a :class='[item.status=="yes" ? `btn-primary` : `btn-danger`]' :title="item.status=='yes' ?'取消' :'监测'" @click="item.status=='y...
vue什么是服务端渲染(SSR)
Vue服务端渲染（SSR）在优化SEO方面有着显著的优势，因为它允许搜索引擎直接访问服务器渲染的页面，从而更容易解析页面内容。以下是一些关于如何使用Vue SSR优化SEO的建议： 为每个URL生成静态HTML：Vue SSR允许你为每个页面生成静态HTML。这意味着你可以为每个URL预先生成HTM...
尚硅谷-Vue3学习笔记
（1）https://blog.csdn.net/qq_54358705/article/details/136601335 （2）https://blog.csdn.net/2301_76201197/article/details/135351514 （3）https://blog.csdn.n...
vue-html5-editor富文本编辑器抓取网络图片本地化
在vue中使用vue-html5-editor做的文章内容编辑器，至于怎么引用可另行百度，网络上有很多介绍；本文主要介绍如何在复制粘贴的时候跳过跨域限制和禁止外站的图片请求问题。 本文的方法比较笨拙，一起交流学习。 在研究使用vue-html5-editor的过程中，并没有发现对于复制粘贴过来图片的...
react和vue在跨平台方面的比较
React 和 Vue 都是非常流行的前端框架，它们在跨平台开发方面都有各自的优点。 React： React Native：React 的跨平台解决方案是 React Native，它可以开发原生渲染的 iOS 和 Android 应用。React Native 使用和 React 相同的组...
vue2Leaflet使用 Vue2Leaflet-master 的demo
首先下载该demo地址：https://github.com/KoRiGaN/Vue2Leaflet下载后可以运行里面的例子，在examples文件夹内，该文件夹本身就是一个完整的项目然后cmd到该路径，cnpm install报错如下解决方法：cnpm install eslint@^1.6.0继...
【how2j Vue部分】两种在Vue的Ajax框架——fetch & axios-1. fetch.js
一般说来 Vue 不会直接使用原生的 Ajax 而是使用 ajax 框架。 而 fetch.js 就是眼下比较流行的一种 ajax 框架 1. 准备 json数据：var url = "https://gitee.com/api/v5/users/liyangyf" 2. 通过fetch获得数据 ...
ubuntu 安装vue+element
1.安装npmsudo apt install npm检测安装npm -v因为npm安装软件慢，可设置淘宝镜像npm config set registry https://registry.npm.taobao.org/（换成npm原本的镜像地址 npm config set registry h...
vue3 element-plus 让el-container占满屏幕
<template> <div class="common-layout"> <el-container> <el-header id="header">Header</el-header> <el-mai...
vue 思維導圖
vue概念：vue是一個輕量級的javascript庫；是一種漸進式的框架；vue可以實現數據視圖雙向綁定。vue基礎語法：實例化、條件、循環vue重頭戲：動畫、組件、過濾、ajax、自定義組件、路由、混入。var a=new vue({el:"#ww1”,//作用域的iddata：{},metho
Vue.js课后练习（登录注册和大小比较）
第一题 请编写登录页面和注册页面，通过动态组件实现动态切换页面中显示的组件，效果如图1和图2所示。 图1 登录页面 图2 注册页面 代码： my.vue代...
Vue 知识复习(上)
VueVue实例创建实例:var vm = new Vue({ //code })数据与方法:只有当实例被创建时 data 中存在的属性才是响应式的;Vm.b = ‘h1’ 是不会触发视图的变化的; Object.freeze()，这会阻止修改现有的属性生命周期:created:实例被创建后执行的代...
2.4Java全栈开发前端+后端（全栈工程师进阶之路）-前端框架VUE3-基础-Vue组件-异步组件
在实际开发中，一个应用可能会非常复杂。它可能会由很多组件组成。如果在应用启动时就加载所有组件，势必会造成效率低下。因此，正确的方式应该是按需加载。也就是先加载必要组件，然后根据需求在加载其它组件。 为了实现这个需求，Vue为我们提供了异步组件。 官网解释：在大型应用中，我们可能需要将应用分割成小一...
Vue2 - 完成实现ElementUI中el-dialog弹窗的拖拽功能（宽度高度适配，且关闭后打开位置居中）
我们在做后台管理系统时常用到ElementUI 中的 el-Dialog，但是官方文档并未我们提供 el-Dialog弹窗如何实现拖拽功能，我们通常需要思考如何让用户能够自由地拖动弹窗，在页面上调整位置以获得更好的用户体验。在下面的博客文章中，我们将实现如何为 ElementUI 的 el-Di...
vue打包app嵌入h5，区分app进入和android，ios显示不同的下载链接
vue打包app嵌入h5，区分app进入和android，ios显示不同的下载链接需求：自己app打开的登录页面不显示app下载链接。其他地方打开判断android手机的跳转到android下载页链接，ios手机的跳转到ios下载链接，pc版的不显示下载链接。H5前端与Android和iOS混合开发...
基于ssm+vue+Mysql的药源购物网站
开发语言：Java框架：ssmJDK版本：JDK1.8服务器：tomcat7数据库：mysql 5.7（一定要5.7版本）数据库工具：Navicat11开发软件：eclipse/myeclipse/ideaMaven包：Maven3.3.9系统展示 前台首页 用户注册 用户登录 个人信息 商...