#vue路由传参

VUE中的 显示与隐藏

在vue中 通过点击事件实现显示与隐藏是非常简单的.首先我们先整带颜色的一个小方块(div)如图:   我们要实现一个点击按钮隐藏或者显示该方块的功能;首先我们先写一个div:divid="app"><inputtype="button"value="切换"><divstyl...
代码星球 ·2021-02-02

Vue 计数器

首先.我们先导入vue插件:<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 然后建立一个<div><divid="app"><button>-<...
代码星球 ·2021-02-02

Vue 常用记录

1.Object.freeze(),会阻止修改现有的属性,也意味着响应系统无法再追踪变化。例子:<body><divid="app"><pclass="hanghangbiaoqian">{{foo}}</p><button@click="foo='baz'">...
代码星球 ·2021-02-02

Vue v-if and v-for

在vue中永远不要把 v-if 和 v-for 同时用在同一个元素上。最好是加上key,以达到准确的目的我们可以将v-if放到容器元素里例如ol ul中去li 里面放v-for 如下:<ulv-if="shouldShowUsers">&...
代码星球 ·2021-02-02

在vue中改变字体大小,px不起作用,em 和 rem 都可以生效

Vue.component('buttons',{data:function(){return{count:0}},template:'<h1@click="count+=99"style="font-size:12em;color:red;">我对你的爱只有上限,没有下限!!!{{count}}</...
代码星球 ·2021-02-02

vue 自定义组件

   <body><divid="app"><buttons></buttons>//buttons标签组件,是我们自定义的标签组件</div></body>创建自定义组件buttonsVue.component('buttons',{d...
代码星球 ·2021-02-02

Vue 字符串反转

<divid="app"><p>{{hello}}</p><button@click="click">反转信息</button></div><p>标签内写内容(反转内容);<button>按钮,写一个点击事件<scri...
代码星球 ·2021-02-02

Vue 按钮点击控制显示隐藏

<divid="app"><divv-show="isShow">我曾经拥有者一切,转眼间都烟消云散;</div><button@click="click">{{message}}</button></div>先写一个div 里面写内容再...

简单了解Django应用app及分布式路由

前言应用在Django的项目中是一个独立的业务模块,可以包含自己的路由,视图,模板,模型.一创建应用程序创建步骤用manage.py中的子命令startapp创建应用文件夹在settings.py的INSTALLED_APPS列表中配置安装此应用创建应用的子命令python3manage.pystartapp应用名称(...

分享一个vue项目“脚手架”项目的实现步骤

搭建缘由源于公司每次新启动一个由多人协同开发的项目都由负责人初始化项目之后,每个人再去从私服pull一下项目才开始开发。但是每次初始化工程都是一步步的造轮子,一个个依赖去安装,新建一个个不同功能的文件夹,而每个负责人所初始化的项目目录、以及模块引入方式参差不齐,以至于开发中后期因每个人开发风格的不同导致git提交时总会...

Zuul之路由熔断

Zuul作为Netflix组件,可以与Ribbon、Eureka、Hystrix等组件结合,实现负载均衡、熔断器的功能Springboot2X集成zuul与consul实现负载均衡和反向代理当后端服务出现异常时,不希望将异常抛出给最外层,期望服务可以自动进行一降级,返回预设的信息熔断器的功能需要实现FallbackPr...
代码星球 ·2021-02-01

使用vue搭建应用六实现登录页

1.js_cookiejs-cookie插件是一个JS操作cookie的插件安装yarnaddjs-cookie 使用  写入 Cookies.set('name','value');  读取Cookies.get('name');  删除 Cookies.remove('name');2...

使用vue搭建应用五引入Mock.js

为了模拟后台接口提供页面所需的数据,引入Mock.jsMock.js是一个模拟数据生成器,可帮助前端开发和原型与后端进度分开特性:  前后端分离  增加单元测试的真实性  数据类型丰富  方便扩展1.安装yarnaddmockjs2.简单使用在src下,新建目录mock,添加index.js模拟接口 http...

使用vue搭建应用三引入scss

Css、Sass、Scss的含义及区别Css(CascadingStyleSheets)  层叠样式表 Sass(SyntacticallyAwesomeStyleSheets)  是一款强化CSS的辅助工具,它在CSS语法的基础上增加了变量(variables)、嵌套(nestedrules)、混合(mix...

使用vue搭建应用四引入axios

Axios是一个基于promise的HTTP库,可以用在浏览器和node.js中特性  从浏览器中创建 XMLHttpRequests  从node.js创建 http 请求    支持 Promise API  拦截请求和响应  转换请求数据和响应数据  取消请求  ...
首页上一页...2728293031...下一页尾页