一、内置指令1. v-bind(1) 主要作用:        单向绑定解析表达式,可简写为 :xxx (v-bind:xxx),数据只能从data流向页面(2)代码实现:<!DOCTYPE html>
<html lang="en">
<head>
  <meta            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-10 09:13:11
                            
                                67阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            vue 学习笔记-数据双向绑定1 MVVM双向数据绑定指的是,将对象属性变化与视图的变化相互绑定。换句话说,如果有一个拥有name属性的user对象,与元素的内容绑定,当给user.name赋予一个新值,页面元素节点也会相应的显示新的数据。同样的,如果页面元素(通常是input)上的数据改变,输入一个新的值会导致user对象中的name属性发生变化。MVVM最早由微软提出来,它借鉴了桌面应用程序的            
                
         
            
            
            
            1class:class="{item:true,selectedT:item.selected==1}            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-01-08 11:08:45
                            
                                572阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、跨域1、同源策略浏览器同源策略限制请求同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个ip地址,也非同源。限制以下行为Cookie、LocalStorage 和 IndexDB 无法读取DOM 和 Js对象无法获得AJAX 请求不能发送有三个标签是允许跨域加载资源:<img src=XXX><link href=XXX><script src=X            
                
         
            
            
            
            最近开发个人博客,shiro配置后,需要进行登录验证,如要输入用户名或密码不正确,需要进行异常拦截并将结果返回给前端,在此过程有一些坑,在此记录一下:1. 前端登录界面 该界面是用vue开发的,登录的el-form:<!-- 登录表单区域 -->
      <el-form
        ref="loginFormRef"
        :model="loginForm            
                
         
            
            
            
            Vue中有2种数据绑定的方式:1. 单向绑定(v-bind): 数据只能从data流向页面。2. 双向绑定(v-model): 数据不仅能从data            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-12-21 10:28:56
                            
                                658阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             v-bind:class=" "    绑定样式    <div id="app">
         值是对象形式,字段名是class样式名,值是boolean值,true是引用该样式,false不引用 -->
         值是false,只是不引用该样式,并不是就不显示该元素了 -->
        <p v-bind:class="{red:true}            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-05-10 19:25:49
                            
                                824阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            
<template>
  <div id="app">  
    
      <h2>{{msg}}</h2>
      <br>
      <div v-bind:title="title">鼠标瞄上去看一下</div>
      <img src="https://www.load            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-13 09:30:33
                            
                                483阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            应用实例html js 注意这里要用methods,不要忘记了s。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-05 16:20:40
                            
                                1213阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            上面所说的UI控件一般指的是表单控件。 input:text <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=<device-width>, ini            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-12-11 15:29:00
                            
                                789阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1.Vue如何处理事件? v-on 指令用法 <input type = 'button' v-on:click = 'num++'/> v-on 简写形式 <input type = 'button' @click = 'num++'/> 2.事件函数的调用方式 直接绑定函数名称 <button  ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-09-26 10:45:00
                            
                                468阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            使用textarea {{message}} 使用radio 性别: 男 女 选中了谁: {{message}} 使用select下拉框 value: {{message}} 总结 1.通过双向绑定,得出需要用到 [^ textarea] 进行绑定 [^ texterea]:在文本区域插值 ({{t            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-28 14:08:58
                            
                                823阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            # Vue 绑定 Axios 的实现指南
在现代的前端开发中,Vue.js 和 Axios 的结合使用已经成为一种常见的模式。Vue.js 是一个构建用户界面的渐进式框架,而 Axios 是一个基于 Promise 的 HTTP 客户端,它可以用于浏览器和 Node.js 中。本文将带领你通过一系列的步骤实现 Vue.js 中绑定 Axios 的功能,帮助你更好地进行数据请求和处理。
## 流            
                
         
            
            
            
            1 v-on绑定事件 2 在vue对象中使用methods定义方法 示例: ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-19 21:05:00
                            
                                736阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            <!-- 当选中时,`picked` 为字符串 "a" --><input type="radio" v-model="picked" value="a"><!-- `toggle` 为 true 或 false --><input type="checkbox" v-model="toggle"><!-- 当选中第一个选项时,`sel...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-27 17:59:15
                            
                                238阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>绑定样式</title> <style> .basic{ width: 400px; height: 100px; border: 1px solid black; } .ha            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-02-19 16:24:09
                            
                                38阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            class 与 style 是 HTML 元素的属性,用于设置元素的样式,我们可以用 v-bind 来设置样式属性。Vue.js v-bind 在处理 class 和 style 时, 专门增强了它。表达式的结果类型除了字符串之外,还可以是对象或数组。<!DOCTYPE html><html>	<head>		<meta charset="...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-09 10:45:48
                            
                                226阅读