what_where的博客

Vue基础语法二样式绑定事件处理表单组件样式绑定1.1 class绑定使用方式：v-bind:class=“expression”expression的类型：字符串、数组、对象1.2 style绑定v-bind:style=“expression”expression的类型：字符串、数组、对象事件处理表单组件...

SPA项目开发CURD加表单验证CURD验证具体代码效果展示：CURDCURD在SPA项目中还是非常简单的，只需要在后台定义好数据接口基本上就差不多了，然后前台的话就直接用ajxa请求后台就OK了。let url ;//地址if(this.editForm.id==0){ url = this.axios.urls.SYSTEM_ARTICLE_ADD;//增加}else{ url ...

SPA项目开发之首页导航+左侧菜单栏你了解多少？前期准备具体实现前期准备Mock.js 介绍Mock.js是一个模拟数据的生成器，用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率。Mock.js因为两个重要的特性风靡前端:1.数据类型丰富： 支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。2.拦截Ajax请求不需要修改既有代码，就可以拦截Ajax请...

SPA实现前后台分离之登录前期准备vue项目加入其它内库重要配置前端后台：后台交互(axios/qs/vue-axios)测试效果前期准备我们需要提前创建一个vue项目，并且下载好elment-ui执行：npm install element-ui -S还有准备一个登录界面 Login.vue博文写的不是很清晰，博主这里准备了一些博文让您跟好的理解。嘻嘻SPA技术<templa...

文章目录什么是Jwt？JWT的工作原理有效载荷JWT的用法JWT问题和趋势Jwt实现登录验证什么是Jwt？JSON Web Token (JWT)，它是目前最流行的跨域身份验证解决方案JWT的精髓在于：“去中心化”，数据是保存在客户端的。JWT的工作原理是在服务器身份验证之后，将生成一个JSON对象并将其发送回用户，示例如下：{“UserName”: “Chongchong”,“Rol...

SPA项目开发之动态数，数据表格，分页思路动态树数据表格分页思路思路：1、准备好后台（左侧树，带分页的文章查询）2、将左侧树的数据绑定到elementui中的menu标签上3、新增一个自定义组件用来展示文章列表的4、绑定elementui提供的分页组件来完成分页功能封装的地址：后台的代码就没有展示了/** * 对后台请求的地址的封装，URL格式如下： * 模块名_实体名_操作...

使用vue-cli搭建SPA你了解多少？1. 什么是vue-cli?2.安装vue-cli使用脚手架创建项目解决 乱码一问一答package.json详解npm install/npm install xxx -S/npm install xxx -D/npm install xxx -g的区别package.json文件里面的devDependencies和dependencies对象有什么区别...

vue项目百度地图的简单引用在百度地图开放平台获取密钥创建vue项目在百度地图开放平台获取密钥进入百度地图首页点击web服务api点击 获取密钥点击创建应用下面就是你创建好的密钥创建vue项目这里就不做过多的介绍了，创建一个vue项目 输入指令 npm install vue-baidu-map –save引入项目在index.html 中加入以下代码&lt...

node JS环境搭建你知道多少？1.node.js是什么？2. npm是什么?3.Node.js环境搭建如何运行下载的Node.js项目1.node.js是什么？1.1 Node.js是一个基于Chrome V8引擎的[JavaScript运行环境]。 Node.js使用了一个事件驱动、非阻塞式I/O 的模型。1.2 Node.js是一个让JavaScript运行在服务端的开发平台，它让J...

vue基础语法{插值，指令，过滤器，计算属性与监听属性}1.插值2.指令3. 过滤器4.计算属性与监听属性1.插值1.1 文本{{msg}}1.2 html使用v-html指令用于输出html代码1.3 属性HTML属性中的值应使用v-bind指令1.4 表达式Vue提供了完全的JavaScript表达式支持{{str.substr(0,6).toUpperCase()}}{...

vue实现。让文字跑起来前言效果：知识点：前言在许多网页上我们都可以看到，标题滚动的效果。几天我就来讲一下这个效果使用vue怎么实现效果：当鼠标移入跑马灯文字时，跑马灯文字暂停滚动，反之鼠标移出继续滚动。知识点：substring(字符串截取)setInterval定时器(解决字符串持续截取与头尾拼接)clearInterval清除定时器(解决悬停暂停)ES6箭头函数(解决th...

vue之路由SPA是什么？SPA实现思路和技术点vue路由又是什么？实现的思路具体实现导入依赖定义组件定义路由(即路线)将路由加入到路由器中创建和挂载根实例HTML展示router-link相关属性代码实现：在说路由之前不得不提的就是SPA，SPA是什么？单页Web应用（single page application，SPA），就是只有一个Web页面的应用，是加载单个HTML页面，并在用户...

文章目录分析本章知识点Vuex示例安装Vuex存值，取值Vuex的同步和异步加载问题测试在使用Vue开发的时候经常会遇到传值的时候不知道怎么去传递，像我们以前用到的最多的就是set/get来进行操作，但是在Vue中好像没有。不急且听我慢慢道来分析Vue中开发中有时候组件经常会有嵌套的时候，这时就会有需求需要父组件传值到子组件，或者是自组件传值到父组件（具体怎么传递就不说了，不知道的可以查看我...