Processing math: 0%

随笔分类 -  Vue.js

摘要:Flux 要点 功能组成: View: 视图层 Action(动作):视图层发出的消息(比如mouseClick) Dispatcher(派发器):用来接收Actions、执行回调函数 Store(数据层):用来存放应用的状态,一旦发生变动,就提醒Views要更新页面 执行流程: 用户访问 View 阅读全文
posted @ 2019-03-26 14:18 journeyIT 阅读(18) 评论(0) 推荐(0) 编辑
摘要:##使用教程 ###前端 Vue.js ####vue-router 登录时,将后端返回的 token 存入 localStorage 使用 Vue-Router 判断是否存在 token,不存在跳转至登录 // JWT 用户权限校验,判断 TOKEN 是否在 localStorage 当中 rou 阅读全文
posted @ 2019-01-11 17:46 journeyIT 编辑
摘要:可以使用path 和 name 来进行页面的跳转 this.router.push({ path: '/inspection/inspectionRegister' , query: { item }}) this.router.push({ name: 'inspectionRegister' 阅读全文
posted @ 2018-07-06 21:04 journeyIT 编辑
摘要:由于公司最近在做的项目,涉及App的开发,正好前段时间有研究过vue 和 react native 正好可以在此派上用场。 整个APP应用 采用 远程的Android WebViwe 内嵌 H5页面 方式进行开发 ,所以 H5页面采用 基于vue 和 ionic 的 vux框架 进行开发 (过程中遇 阅读全文
posted @ 2018-07-06 20:47 journeyIT 编辑
摘要:1、vue项目 通过vue-cli脚手架建立项目,使用webpack进行打包,下边是一整套命令。 #npm 版本最好是最新的,升级npm,node版本也有要求 npm i -g npm # 安装脚手架 npm install -g vue-cli #初始化新建项目 vue init webpack 阅读全文
posted @ 2018-05-28 10:33 journeyIT 阅读(31) 评论(0) 推荐(0) 编辑
摘要:使用命令 npm install vue-svg-icon --save-dev 进行svg插件的安装 将项目的src文件夹下 新建 icons > svg 文件夹 在 icons 文件夹下新建 index.js import Vue from 'vue' import IconSvg from ' 阅读全文
posted @ 2018-02-08 17:35 journeyIT 阅读(89) 评论(0) 推荐(0) 编辑
摘要:<!--suppress ALL --> <template> <div> <header class="intro-header"> <div class="container"> <el-row class="row"> <el-col class="24"> <div class="site- 阅读全文
posted @ 2018-02-08 15:12 journeyIT 阅读(11) 评论(0) 推荐(0) 编辑
摘要:在 vue项目的build中 打开 webpack.dev.conf.js 新建方法 function resolveApp(relativePath) { return path.resolve(relativePath); } 然后在 找到HtmlWebpackPlugin 添加 favicon 阅读全文
posted @ 2018-02-08 15:11 journeyIT 阅读(37) 评论(0) 推荐(0) 编辑
摘要:axios跨域请求问题描述 解决办法: 在config文件夹中新建CorsRegistration.java package com.journeyBlog.common.config; import org.springframework.stereotype.Component; import 阅读全文
posted @ 2018-02-02 10:50 journeyIT 阅读(6) 评论(0) 推荐(0) 编辑
摘要:1.在搭建vue脚手架时提示是否启用eslint检测的。 Use ESLint to lint your code? 写 no; 2.如果项目已经生成,我们可以这样。 在项目中代开 bulid 文件夹下的 webpack.base.config.js 文件。将以下代码删掉或注销: { test: / 阅读全文
posted @ 2018-01-22 08:55 journeyIT 阅读(11) 评论(0) 推荐(0) 编辑
摘要:一、点击一次按钮 会发送两次请求的问题 第一个请求 Method是OPTIONS 第二个请求 Method是POST 后台过滤器也是检测出访问了两次,但是是偶尔才会重复访问。 这是因为 跨域请求导致 每次请求前都会先发送一个空的请求检查服务器, 可以在后台过滤器加个这个: @Override pub 阅读全文
posted @ 2018-01-19 15:11 journeyIT 阅读(9) 评论(0) 推荐(0) 编辑
摘要:Vue.js 自定义指令 除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。 下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时,元素获得焦点: <div id="app"> <p>页面载入时,input 元素自动获取焦点:</p> 阅读全文
posted @ 2018-01-12 15:58 journeyIT 阅读(13) 评论(0) 推荐(0) 编辑
摘要:Vue.js 路由 Vue.js 路由允许我们通过不同的 URL 访问不同的内容。 通过 Vue.js 可以实现多视图的单页Web应用(single page web application,SPA)。 Vue.js 路由需要载入 vue-router 库 中文文档地址:vue-router文档。 阅读全文
posted @ 2018-01-12 15:58 journeyIT 阅读(4) 评论(0) 推荐(0) 编辑
摘要:Vue.js 组件 组件(Component)是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素,封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树: 注册一个全局组件语法格式如下: Vue.component(t 阅读全文
posted @ 2018-01-12 15:57 journeyIT 阅读(5) 评论(0) 推荐(0) 编辑
摘要:Vue.js 表单 你可以用 v-model 指令在表单控件元素上创建双向数据绑定。 v-model 会根据控件类型自动选取正确的方法来更新元素。 <body> <div id="app"> <p>input 元素:</p> <input v-model="message" placeholder= 阅读全文
posted @ 2018-01-12 15:57 journeyIT 阅读(6) 评论(0) 推荐(0) 编辑
摘要:Vue.js 样式绑定 Vue.js class class 与 style 是 HTML 元素的属性,用于设置元素的样式,我们可以用 v-bind 来设置样式属性。 Vue.js v-bind 在处理 class 和 style 时, 专门增强了它。表达式的结果类型除了字符串之外,还可以是对象或数 阅读全文
posted @ 2018-01-12 15:56 journeyIT 阅读(9) 评论(0) 推荐(0) 编辑
摘要:Vue.js 事件处理器 事件监听可以使用 v-on 指令: <div id="app"> <button v-on:click="counter += 1">增加 1</button> <p>这个按钮被点击了 {{ counter }} 次。</p> </div> <script> new Vue 阅读全文
posted @ 2018-01-12 15:56 journeyIT 阅读(5) 评论(0) 推荐(0) 编辑
摘要:Vue.js 计算属性 计算属性关键词: computed。 计算属性在处理一些复杂逻辑时是很有用的。 可以看下以下反转字符串的例子: <div id="app"> {{ message.split('').reverse().join('') }} </div> <script> new Vue( 阅读全文
posted @ 2018-01-12 15:55 journeyIT 阅读(5) 评论(0) 推荐(0) 编辑
摘要:循环语句 循环使用 v-for 指令。 v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组并且 site 是数组元素迭代的别名。 v-for 可以绑定数据到数组来渲染一个列表: <div id="app"> <ol> <li v-for="site in 阅读全文
posted @ 2018-01-12 15:54 journeyIT 阅读(8) 评论(0) 推荐(0) 编辑
摘要:Vue.js 模板语法 Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。 结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的 阅读全文
posted @ 2018-01-12 15:53 journeyIT 阅读(7) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示