前端
甜的柠檬酸
让学习成为一种习惯。
展开
-
Vue之集成Vuex
兄弟组件使用EventBus进行传递参数,子父组件相互传值使用v-bind,v-on传值。但是如果节点特别的多,而且这些参数要跨多个组件,那这些变量就不太好修改,要一个个节点相互通信达到效果,因此vuex就产生了。...原创 2020-01-13 17:46:41 · 283 阅读 · 0 评论 -
Vuex之State、Mutation、Action、Getter
Vuex有三部分组成:state、actions、mutations。statestate一般中用来定义全局的数据源。例如:声明定义 //声明全局变量 state: { num:10, count:20 }访问方式1 在组件中就可以直接通过this.$store.state.变量名获取值了,这种方式也是默认访问的方式。 访问方式2 ...原创 2020-01-13 17:46:18 · 343 阅读 · 0 评论 -
Vue之.vue文件结构说明
.vue文件分为三大块:template、script、style。style中scoped可以防止各.vue文件之间的样式冲突。原创 2019-12-30 09:09:09 · 2566 阅读 · 0 评论 -
Vue之style标签
style标签中使用lang=less,这样才能够嵌套样式。scoped可以防止组件与组件纸之间的样式冲突。例如:<style lang=less scoped> </style>原创 2019-12-26 08:49:14 · 444 阅读 · 0 评论 -
Vue之模块化规范(ES6语法)
vue采用模块化的方式原创 2019-12-23 22:20:14 · 499 阅读 · 0 评论 -
vue请求封装
main.js内容// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alias.import Vue from 'vue'import App from './App'impo...原创 2019-12-17 09:05:17 · 257 阅读 · 0 评论 -
vue之slot插槽
solt插槽。原创 2019-12-16 20:15:36 · 282 阅读 · 0 评论 -
vue自定义组件与注册
1、首先在import中需要导入。2、然后在component中渲染。原创 2019-12-13 20:22:39 · 966 阅读 · 0 评论 -
vue之组件通信
例如:<template> <el-dialog title="提示" :visible.sync="flag" <el-button @click="hidden">取 消</el-button> width="30%"> <span>这是一段信息</span> <...原创 2019-12-06 22:24:58 · 172 阅读 · 0 评论 -
vue计算属性,监听(侦听器),过滤器,数组响应式操作
watch普通方法计算出来的值不会被缓存。watch是监听属性的变化,如果属性没有变化,则watch计算完之后值会被缓存起来,如果发生了变化,则会计算出新的值。例如://这个val是监听的这个属性的旧的值watch:{ 属性名:function(val){ 逻辑处理 }}filter自定义过滤器可以用来处理数据。可以定义全局的filter,也可以定义局部的。例如:时间...原创 2019-12-03 08:58:31 · 933 阅读 · 0 评论 -
frameset问题
如果有多个frameset嵌套的话,在子页面上要让最上面的frameset进行跳转的话;可以使用frame框架的target属性。就可以让最顶层frame跳转了。也可以使用parent.window.frame的id.src=path,去让上一层的frame跳转。...原创 2019-11-21 21:13:23 · 229 阅读 · 0 评论 -
AJAX实现原理
要想是西安页面数据的刷新,有两种方式,一种是跳转页面来达到更新数据的效果。另一种是不更新页面,采用ajax的方式去更新页面。1、传统方式。2、AJAX。ajax是在传统的b/s结构上增加了第三者XMLHttpRequest对象,也叫AJAX对象。拿ajax方式是如何处理的呢?...原创 2019-11-21 21:11:52 · 111 阅读 · 0 评论 -
vue+elementsui之富文本编辑器采坑
富文编辑器的选择,常用的有UEditor,vue-quill-editor,Tinymce,Vue2Editor。推荐使用Vue2Editor,vue-quill-editor,这个使用比较简单不会那么繁琐。问题:1、图片转成base64问题。\//将以下方法放入富文本编辑器的init方法内//解决base64问题images_upload_handler: (blobInfo, su...原创 2019-11-21 20:57:46 · 460 阅读 · 0 评论 -
vue使用脚手架搭建项目,集成elements-ui
放大放大原创 2019-11-21 20:38:51 · 213 阅读 · 0 评论 -
vue项目搭建,编译启动常见的问题
1、继承element-ui出现问题,提示以下ERROR in ./src/main.jsModule not found: Error: Can't resolve 'element-ui' in 'D:\Program Files\vue_demo_workspace\online_exam\src' @ ./src/main.js 8:0-35解决方法:npm i eleme...原创 2019-11-21 20:37:40 · 3111 阅读 · 0 评论 -
vue基础用法,组件通信、钩子函数、路由编程、组件默认行为等
1、v-bind的几种写法。2、v-click,默认参数和额外参数的传递。3、消除事件冒泡和标签默认行为以及按键绑定。4、自定义指令。5、自定义过滤器实现格式化属性值。Vue.filter("过滤器名称",( value, format)=>{ return 格式化后的值})应用:{ msg | 过滤器名称}6、表单属性自动绑定,注意多选框和下拉框的属性值...原创 2019-11-21 20:35:24 · 433 阅读 · 1 评论 -
vue项目打包部署
发布有两种方式:第一种:静态服务器工具包npm run buildnpm install -g serverserver 打包的项目名访问:http://localhost:5000第二种:动态web服务器1、注意需要配置config文件夹下的inde.js的assetspublicPath值build: { // 这个地方将dist改成项目名就可以了 ...原创 2019-10-14 21:02:14 · 311 阅读 · 0 评论 -
使用vue遇到的坑
1、缓存问题,在stroe文件夹下可以使用缓存。2、因为现在普遍使用Restful的风格,所以前端的请求方式需要和后台一致。3、后端接收数据的方式要和请求传递数据的方式一致。例如:如果后端使用@ModelAttribute那么前端就必须使用拼接地址的方式请求,在vue中就是使用params:{数据}。如果后端使用@RequestBody那么前端就不能使用拼接地址的方式请求,在vue中就是...原创 2019-08-21 21:56:08 · 697 阅读 · 0 评论 -
vue深层拷贝问题
let a={324,325,2135}let obj1=a;let obj2=a;修改obj2,发现obj1中的元素也发生了变化,所以如果为了解决这种问题的话可以使用:let obj1={a[0],a[1],a[2]}就不会产生刚刚的问题了。...原创 2019-08-21 21:55:01 · 1931 阅读 · 0 评论 -
elements-ui和vue常见的一些使用方式
1、v-loading加载动画。2、v-if模板条件判断。3、this.$message消息提示框。4、v-model数据双向绑定。5、prop验证规则和表单子父级对象对应。6、es6动态属性扩展。7、vue生命周期。8、qrcode二维码生成。9、自定义页面组件。通过模板自定义页面,然后引入到其他页面,这里就涉及到一个子父级组件数据交互使用$emt10、router路由配置。...原创 2019-07-29 16:46:08 · 773 阅读 · 0 评论