2020年05月_一只大大大大狗

原创 VUE复习深入学习07.组件的基础使用方法

1,数据单个根元素当构建一个组件时，你的模板最终会包含的东西远不止一个标题：Vue.component('blog-post', { props: ['post'], template: ` <div class="blog-post"> <h3>{{ post.title }}</h3> <div v-html="post.content"></div> </div> `

2020-05-29 17:32:44 92

事件修饰符在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。尽管我们可以在方法中轻松实现这点，但更好的方式是：方法只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。为了解决这个问题，Vue.js 为 v-on 提供了事件修饰符。之前提过，修饰符是由点开头的指令后缀来表示的。.stop.prevent.capture.self.once.passive<!-- 阻止单击事件继续传播 --&gt

2020-05-29 16:12:34 112

原创 VUE复习深入学习05.条件渲染中的小细节 v-if key v-show v-for

用 key 管理可复用的元素Vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。这么做除了使 Vue 变得非常快之外，还有其它一些好处。例如，如果你允许用户在不同的登录方式之间切换：<template v-if="loginType === 'username'"> <label>Username</label> <input placeholder="Enter your username"></template>

2020-05-29 15:49:32 148

原创 VUE复习深入学习04.修饰符的使用计算属性和侦听器

1 .prevent 修饰符告诉 v-on 指令对于触发的事件调用 event.preventDefault()相当于写在方法里面了一个event.preventDefault();//禁用浏览器默认事件阻止了默认事件 form表单的提交所以页面没刷新<form v-on:submit.prevent="onSubmit">...</form> //不会刷新页面 onSubmit(data,event){ ev

2020-05-28 18:38:06 84

转载 VUE复习深入学习03.条件渲染,列表渲染,事件绑定

1,新增v-else-if 指令和v-if一起使用v-show 的元素始终会被渲染并保留在 DOM 中。v-show 只是简单地切换元素的 CSS property display。v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。相比之下，v-show 就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行

2020-05-27 14:46:41 96

原创 VUE复习深入学习02.基础变量和修饰符的使用

vue中js变量的运用{{ number + 1}}{{ok ? 'YES' : 'NO'}}{{ message.split(' ').reverse( ).join(' ') }}<div v-bind:id=" 'list-' + id "></div>请注意:这里每个绑定都只能包含单个表达式,所以下面的例子都不会生效.{{ var a = 1}}{{ if (ok) {return message}}}<div v-bind:id=" 'list-'

2020-05-26 19:20:01 103

原创 VUE复习深入学习01.生命周期

vue的生命周期实例就是var vm = new Vue({ el:"#app", data:{ msg:"hello word" } })//在实例初始化之后，数据观测（data observer）和event/watcher 事件配置之前被调用。beforeCreate：function（）{}//在实例创建完成后被立即调用在这一步，实例已完成以下配置：数据观测（data observer），属性和方法的运算。watch/event 事件回调。然而，挂在阶段还没开始，$e

2020-05-25 17:10:29 94

原创使用idea导入前后端不分离的web项目。。。

1、file>open 导入项目到idea23、创建本地 tomcat 服务器4、设置项目名称5、设置依赖包6、选择依赖包7、完成8、如果maven配置出错也会导致项目无法启动ctrl+alt+s进入settings9、设置项目配置settings.xml和maven包的仓库路径10、点击ok启动项目11、启动如果报类似这样的错误，说明maven包没有更新，更新就可以了更新maven包12、再次启动即可，如报如下这样的错误，说明是依赖服务连接出现问题，修改为正确的ip即可

2020-05-22 18:40:34 3430 1

原创多文件自己过滤编辑用gulp更合适 webpack使用单页面应用比较好比如vue react

多文件自己过滤编辑用gulp更合适 webpack使用单页面应用比较好比如vue react/*** Created by 37957 on 2018/9/14.*/var gulp = require('gulp'),uglify = require("gulp-uglify"),//亚索jsminifyCss = require("gulp-minify-css"),//亚索cssimagemin = require('gulp-imagemin'),//亚索图片runSequence

2020-05-22 18:29:46 131

weixin_43152108的博客