07 2021 档案
摘要:文章目录 1、序言2、安装Vuex3、基本用法3.1 mutation3.1.1 提交载荷(Payload)3.1.2 对象风格的提交方式3.1.3 使用常量替代 Mutation 事件类型 3.2 添加商品实现3.3 mapMutations3.4 mapState3.5 getter3.6 商品
阅读全文
摘要:Vue动态路由 1、添加路由2、在导航守卫中添加路由3、删除路由3.1 通过添加名称冲突的路由。3.2 通过调用router.addRoute()函数返回的回调。3.3 通过调用router.removeRoute()函数按名称删除一个路由。 4、添加嵌套路由5、查看现有路由 向路由器添加路由通常是
阅读全文
摘要:文章目录 一、Vue模块化开发使用路由1、为项目安装vue-router,选择终端->新终端选项,在弹出的终端窗口中输入以下命令安装vue-router。2、在App.vue中设置导航链接和组件渲染的位置。修改其模板内容,并将应用HelloWorld组件的地方删除。修改后的代码如下所示。3、定义路由
阅读全文
摘要:感受前端路由 1、简介2、HTML页面使用路由 1、简介 传统的Web应用程序不同页面间的跳转都是向服务器发起请求,服务器处理请求后向浏览器推送页面。在单页应用程序中,不同视图(组件的模板)的内容都是在同一个页面中渲染,页面间的跳转都是在浏览器端完成,这就需要用到前端路由。在Vue.js中,可以使用
阅读全文
摘要:Vue CLI 1、简介2、安装3、创建项目3.1 vue create 1、简介 在开发大型单页应用时,需要烤炉项目的组织结构、项目构建、部署、热加载、代码单元测试等多方面与核心业务无关的事情,对于项目中用到的构建工具、代码检查工具等还需要一遍一遍地重复配置。这很浪费时间,物品们会选择一些能够创建
阅读全文
摘要:Vue递归组件 1、递归组件2、实例 1、递归组件 组件可以在自己的模板种递归调用自身,但这需要使用name选项为组件指定一个内部调用的名称。当调用Vue.createApp({}).component({})全局注册组件时,这个全局的ID会自动设置为该组件的name选项。 递归组件和程序语言中的递
阅读全文
摘要:Vue组件通信的其他方式 一、序言二、组件通信的其他实现方式2.1 访问根实例2.2 访问父组件实例2.3 访问子组件实例或子元素2.4 provide和inject 一、序言 总结一下前面介绍的组件通信的3种方式: 父组件通过prop向子组件传递数据。子组件通过自定义事件向父组件发起通知或进行数据
阅读全文
摘要:Vue动态组件 1、序言2、实例 1、序言 在页面应用程序中,经常会遇到多标签页面,在Vue.js中,可以通过动态组件来实现。组件的动态切换是通过在<component>元素上使用is属性实现的。 2、实例 实现效果如下: 上图中的3个标签是3个按钮,下面的内容部分由组件来实现,3个按钮对应3个组件
阅读全文
摘要:Vue使用插槽分发内容 1、简介2、编译作用域3、默认内容4、命名插槽5、作用域插槽6、动态插槽名 1、简介 组件是当作自定义元素使用的,元素可以有属性和内容,通过组件定义的prop接收属性值,可以解决属性问题,那么内容呢?这可以通过<slot>元素解决。此外,插槽(slot)也可以作为父子组件之间
阅读全文
摘要:文章目录 1、简介2、单行文本输入框3、多行文本输入框4、复选框5、单选按钮6、选择框7、值绑定7.1 复选框7.2 单选按钮7.3 选择框的选项 8、实例:用户注册 1、简介 表单控件的数据绑定就是用v-model指令实现的,它会根据控件类型自动选取正确的方法更新元素。由于表单控件有不同的类型,如
阅读全文
摘要:Vue监听器 1、监听器简介2、使用监听器3、监听器的更多形式 1、监听器简介 Vue中的监听器主要用于监测组件实例的数据变动,并依据该数据变动作出响应,如更新一个数据,或者发起异步请求从服务器端请求数据。与计算属性不同的是,监听器不需要返回新的数据,不能被当作数据属性使用,当需要在数据变化时执行异
阅读全文
摘要:文章目录 1、计算属性的定义2、计算属性的缓存3、v-for和v-if一起使用的替代方案4、实例:购物车的实现 1、计算属性的定义 表达式的逻辑过于复杂的时候,应当考虑使用计算属性。计算属性是以函数形式,在选项对象的computed选项中定义。我们将字符串翻转的功能用计算属性实现,代码如下: <!D
阅读全文
摘要:Vue内置指令 1、v-show2、v-if3、v-else-if/v-else4、v-for4.1 v-for遍历数据4.2 v-for遍历对象 5、 v-bind6、v-model7、v-on8、v-text9、v-html10、v-once11、v-pre12、v-cloak13 v-slot
阅读全文
摘要:vscode更改多行注释快捷键 1、文件->首选项->键盘快捷方式2、找到注释:3、在切换块注释上面选择更改键绑定4、输入`ctrl+alt+/`之后按下`enter`键即可 1、文件->首选项->键盘快捷方式 2、找到注释: 3、在切换块注释上面选择更改键绑定 4、输入ctrl+alt+/之后按下
阅读全文
摘要:初识vue.js模板语法 1、简介2、实例代码:3、解释 1、简介 Vue.js使用了基于HTML的模板语法,允许开发者声明式地将呈现的DOM绑定至底层组件实例的数据。所有的Vue.js模板都是有效的HTML,可以被符合规范的浏览器和HTML解析器解析。 在底层,Vue将模板编译为虚拟DOM呈现函数
阅读全文
摘要:文章目录 步骤1、打开vscode软件,编写一个html页面,如下:2、点击扩展图标3、搜索`open in browser`,点击安装4、在需要运行的html页面右键,选择`open in default browser` 步骤 1、打开vscode软件,编写一个html页面,如下: <!DOCT
阅读全文
摘要:文章目录 7.Shiro整合springboot之thymeleaf权限控制1.引入扩展依赖2.页面中引入命名空间3.常见权限控制标签使用4.加入shiro的方言配置 源码下载: https://download.csdn.net/download/qq_43753724/20032408?spm=
阅读全文
摘要:文章目录 6.整合SpringBoot项目实战6.0 整合思路6.1 创建springboot项目6.2 引入shiro依赖6.3 配置shiro环境0.创建配置类1.配置shiroFilterFactoryBean2.配置WebSecurityManager3.创建自定义realm4.配置自定义r
阅读全文