目录1、使用Vue的基本流程(1)引入Vue库(2)创建视图(view)(3)创建模型(Model)(4)创建vue实例,将model挂载到View---实现ViewModel2、模板作用:帮助用户通过数据来驱动视图的渲染3、模板插值:(1)使用"{{ }}"运算将模型中的数据插入到视图中(2)插入标签:使用v-html指令(3)插入文本:使用v-text指令4、条件渲染(1)v-if:(2)v-            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-01 07:00:51
                            
                                92阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1.新建一个类库目录可以自定义例如:app\common\utils\Captcha.php1 <?php
  2 
  3 namespace app\common\utils;
  4 
  5 use think\facade\Cache;
  6 use think\facade\Config;
  7 use think\Response;
  8 
  9 class Captc            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-17 13:19:22
                            
                                73阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、插值语法 功能:解析标签体内容 写法:{{xxx }},xxx可获得值,数据在实例化 Vue data属性中 二、指令语法 功能:解析标签(标签属性、标签内容、绑定时间) 写法:v-bind:标签属性,绑定标签属性,可以简写成 :标签属性 案例 <!DOCTYPE html> <html lan            
                
         
            
            
            
            根据我上一篇博客用idea从0开始建立vue项目建立好vue项目后,可以看到基础的页面结构如下:红色箭头是项目初始化时存在的,components里的HelloWorld.vue、layout.vue是我后期自己加的。一、基础架构拿到这个页面我们一定要清楚一个逻辑、页面的用户一定是index.js,我们这个项目的逻辑顺序是:index.html——>main.js——>App.vuei            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-11 09:02:12
                            
                                66阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1、创建SecurityUser类,需要实现UserDetails接口import lombok.Data;
import lombok.EqualsAndHashCode;
import org.springframework.security.core.GrantedAuthority;
import org.springframework.security.core.userdetails.            
                
         
            
            
            
            一、UI组件及框架 element - 饿了么出品的Vue2的web UI工具套件mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立精美的app应用muse-ui - 三端样式一致的响应式 UI 库vuetify - 为移动而生的Vu            
                
         
            
            
            
            TP5 标签含义 eq或者 equal 等于 neq 或者notequal 不等于 gt 大于 egt 大于等于 lt 小于 elt 小于等于 heq 恒等于 nheq 不恒等于 两个版本中的使用语法不一致,需要作区分            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-02-26 11:00:00
                            
                                113阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            文章目录一、创建一个Vue应用1.1. 应用实例1.2. 根组件1.3. 挂载应用1.3.1. DOM中的根组件模板1.4. 应用配置1.5. 多个应用实例二、模板语法2.1. 文本插值2.2. 原始HTML2.3. Attribute绑定2.3.1. 简写2.3.2. 布尔型 Attribute2.3.3. 动态绑定多个值2.4. 使用JavaScript表达式2.4.1. 仅支持表达式2.4            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-13 21:49:56
                            
                                62阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            JavaWEB笔记18 Vue组件 文章目录JavaWEB笔记18 Vue组件一.组件的介绍:二.父组件与子组件之间的数据互传:三.兄弟组件之间传数据: 一.组件的介绍:组件:组件式开发:把页面中每一块看成一个单独的某个部分,用户自己进行组装组件化思想:标准,分治,重用,组合Vue在设计时实现了部分的组件式开发定义组件:全局组件和局部组件:定义一个全局组件:Vue.component('命名',{            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-10 20:56:03
                            
                                42阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            最近有点忙,更新慢了,今天随机解读一个小游戏的新特性。相信不少同学已经收到小游戏“订阅消息能力”的内测邀请了,这个能力简而言之就是:让小游戏能给用户发服务通知。整个部署过程很简单,但实现的效果却是很重要,未来可以实现诸如“排名下降提醒”、“体力恢复提醒”、“活动开启通知”、“任务完成提醒”等一系列有助于回流的功能,显然能为小游戏提高留存。所以花叔专门做了一个技术demo,研究了它的具体用法,完整的            
                
         
            
            
            
            Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。6.1插值var obj = {
msg: 'Hello Vue.js',
rawHtml: '<span style="color: red">This should be red.</span>'
}
new Vue({
  el: '#app',
  data            
                
         
            
            
            
            前面的话  如果只使用Vue最基础的声明式渲染的功能,则完全可以把Vue当做一个模板引擎来使用。本文将详细介绍Vue模板内容 概述  Vue.js使用了基于HTML的模板语法,允许声明式地将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML ,所以能被遵循规范的浏览器和HTML解析器解析  在底层的实现上, Vue将模            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-08 19:54:33
                            
                                16阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            Provide,Inject,模版 Ref 的用法            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-11-13 00:02:42
                            
                                177阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            UI框架iView UI组件库Vux UI组件库Element UI组件库Mint UI组件库Bootstrap-Vue UI组件库Ant Design Vue UI组件库AT-UI UI组件库Vant UI组件库cube-ui UI组件库Muse-UI UI组件库N3-components UI组件库Mand Mobilewe-vue UI组件库veui UI组件库Semantic-UI-Vu            
                
         
            
            
            
            模版语法概述 在了解vue的模版语法之前,我们先回顾下,原生js将数据填充至页面的做法。 原生js拼接字符串 基本上就是将数据以字符串的方式拼接到HTML标签中。(缺点:不同开发人员的代码风格差别很大,随着业务的复杂,后期的维护变得困难) Vue的模版语法概览: -插值表达式 -指令 -事件绑定 - ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-06 12:17:00
                            
                                144阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            Vue 【进阶】- 模板引擎vue的源码学习流程和知识点分析本次您将学习到的东西前期准备1. 简介1.1 什么是模板引擎模板引擎是将数据要变为视图最优雅的解决方案1.2 v-for 实际就是一种模板引擎1.3 历史上曾出现的数据变为视图的方法1.3.1 纯dom法 --- jq、js1.3.2 数组 json 法1.3.3 es6模板语法2. mustache库简介2.1 mustache库基本使            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-18 00:35:56
                            
                                107阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1、hash模式时(#),nginx配置方法
    location ~ ^/test/cms-h5/{
        rewrite ^/test/cms-h5(.*)$ $1break;
        root/opt/nginx/web/cms-h5/dist;
    }
2、hisotry模式时,nginx配置方法   location ~ ^/test/cms-h5/{
                
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-04-25 12:12:49
                            
                                348阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            如果子组件有 inline-template 特性,组件将把它的内容当作它的模板,而不是把它当作分发内容。这让模板更灵活。<my-component inline-template>  <div>    <p>These are compiled as the component's own template.</p>    <p>...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-07 13:40:11
                            
                                121阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            如果子组件有 inline-template 特性,组件将把它的内容当作它的模板,而不是把它当作分发内容。这让模板更灵活。<my-component inline-template>  <div>    <p>These are compiled as the component's own template.</p>    <p>...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-24 10:47:38
                            
                                123阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Vue后台管理系统文章目录Vue后台管理系统前言一、项目概述1.1 电商项目基本业务概述1.2 电商后台管理系统的功能1.3 电商后台管理系统的开发模式(前后端分离)二、项目初始化2.1 `通过 Vue 脚手架创建项目`2.1.1 通过cmd打开vue ui2.1.2 配置Vue预设1、`预设一般选择Babel、Router、Vuex、Linter/Formatter`2、`配置项:关闭历史路由、