mvc是开发中的一个伟大的思想,使得开发代码有了更加清晰的层次,让代码分为了三层各施其职、无论是对代码的编写以及后期的阅读和维护,都提供了很大的便利。 我们在php开发中,视图层view是不允许有php代码来操作数据库之类的来获取数据的,我们一般都会在控制器层controller,就已经把视图层要展            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-03-07 05:23:00
                            
                                94阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            <!DOCTYPE html><html>    <head>        <meta charset="utf-8" />        <title>模板</title>    </head>            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2017-11-01 23:19:41
                            
                                962阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1. 样式绑定1.1 class绑定使用方式:v-bind:class="expression"expression的类型:字符串、数组、对象1.2 style绑定v-bind:style="expression"expression的类型:字符串、数组、对象2. 事件处理器事件监听可以使用v-on 指令## 之前已学习2.1 事件修饰符Vue通过由点(.)表示的指令后缀来调用修饰符,.stop            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-27 22:26:25
                            
                                145阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            2020.7.21更新的vue-admin-template-4.4.0,现在尝试使用一下。https://github.com/PanJiaChen/vue-admin-template1 默认允许安装依赖:npm install运行项目:npm run dev登录访问:此时登录的url是前端传送给前端自己,使用mock目录下的模拟数据。所以只运行前端项目,也不会出现任何问题。2 配置2.1 中            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-21 17:37:34
                            
                                133阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            github上的vue汇总https://github.com/vuejs/awesome-vue#qr-code一、UI组件及框架  element - 饿了么出品的Vue2的web UI工具套件  mint-ui - Vue 2的移动UI元素  iview - 基于 Vuejs 的开源 UI 组件库  vux-ui -Vue.js 移动端 UI 组件库  Keen-UI - 轻量级的基本UI组            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-18 12:49:06
                            
                                64阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Vue模板语法有2大类:1.插值语法:功能:用于解析标签体内容。写法:{{xxx}},xxx是js表达式,且可以直接读取到d            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-12-21 10:28:52
                            
                                367阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            为了解决当时混合开发WEB应用出现的一系列问题:代码难维护,代码不可重用,程序员要求知识广等问题。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-12-27 13:09:23
                            
                                246阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            to是指从哪个页面来,from代表从根目录来。to:从哪来  from:到哪去。时候的一些钩子,当从一个页面跳转到另一个页面时,可以在跳转前、中、后做一些事情。提供的导航守卫主要用来通过跳转或取消的方式守卫导航。简单来说,就是在路由跳转。注册一个全局前置守卫,当一个导航触发时,就会异步执行这个回调函数。:当前导航正要离开的路由,也是一个路            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-05 00:44:39
                            
                                472阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            快速入门1. 安装路由npm install --save vue-router2. 定义组件HomeLoginexport default {};" _ue_custom_node_="true">3. 定义路由规则import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)
export defaul            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-05-10 19:46:51
                            
                                324阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            入门<head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <meta http-equiv="X-UA-Compatible" content="ie=edge">    &l...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-11 16:38:54
                            
                                34阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            目录SPA项目路由SPA项目1. SPA是什么   单页Web应用(single page application,SPA),就是只有一个Web页面的应用,   是加载单个HTML页面,并在用户与应用程序交互时动态更新该页面的Web应用程序    单页面应用程序:     只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后, 由页面中js解析获取的数据, ...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-09-02 11:14:36
                            
                                115阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1.打开终端输入npm install vue-router进行Vue Router 的安装 2.添加路由 3.为了简便main.js里面的代码,可以在src目录创建一个router.js进行统一管理(然后在router.js写的内容,要在main.js写一下引入) 最后渲染两个页面 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-09-08 18:46:00
                            
                                823阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1.打开终端输入npm install vue-router进行Vue Router 的安装 2.添加路由 3.为了简便main.js里面的代码,可以在src目录创建一个router.js进行统一管理(然后在router.js写的内容,要在main.js写一下引入) 最后渲染两个页面 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-09-08 18:46:00
                            
                                326阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
             在单页应用中常常要用到路由。传统的页面跳转是浏览器请求新的页面,渲染整个新的页面。单页应用是把要跳转的页面的以组件的形式集成在当前页面中,跳转时浏览器不用发起新请求,因为目标页面是当前页面的一部分,直接显示目标页面那一部分即可。  demo  在单页应用中使用路由1、下载路由插件npm install vue-router -Sinstall可以简写为i我们要使用的是里面的vue-router.            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-05-10 17:55:19
                            
                                209阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1.安装vue-router npm install vue-router --save 在package.json文件中可以看到vue-router的版本号 2.创建 router.js 文件。使用 Vue Router 一共需要4步: 2.1 引入 vue-router // 在 router. ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-16 15:51:00
                            
                                167阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1.创建vue项目 2.在src目录下创建router文件夹 创建index.js 3.在main.js中加入router 4.在app中展示router ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-27 16:56:00
                            
                                100阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            基本使用 1、安装vue-router,命令:npm i vue-router 2、在main.js中应用插件: //引入VueRouter import VueRouter from 'vue-router' //应用插件 Vue.use(VueRouter) 3、编写router配置项 //引入 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-22 14:02:00
                            
                                165阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            route:首先它是个单数,译为路由,即我们可以理解为单个路由或者某一个路由;routes:它是个复数,表示多个的集合才能为复数;即我们可以理解为多个路由的集合,JS中表示多种不同状态的集合的形式只有数组和对象两种,事实上官方定义routes是一个数组;所以我们记住了,routes表示多个数组的集合;router:译为路由器,上面都是路由,这个是路由器,我们可以理解为一个容器包含上述两个或者说它            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-08-17 15:41:00
                            
                                109阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            vue路由:什么是路由,vueRouter介绍,组件存放目录,路由封装,声明式导航,编程式导航,路由重定向,路由任意匹配            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-05-10 14:21:12
                            
                                225阅读
                            
                                                                             
                 
                
                                
                    