- 博客(13)
- 收藏
- 关注
RSS订阅原创 vue的事件修饰符
vue的常见事件修饰符：.stop .prevent .capture .self .once下面一一介绍事件修饰符1、.stop阻止事件冒泡<div style="height:100px;width:400px;background:red;" @click="father()"> <input type="button" name="点...
2020-05-04 14:54:52
138
原创 浏览器兼容样式处理
在不同浏览器上渲染出来的样式不同，所以前端常见的css样式处理兼容，一下整理了几种方法为了以后复习查看：1、不同浏览器不同前缀样式：-moz- /* 火狐等使用Mozilla浏览器引擎的浏览器 /-webkit- / Safari, 谷歌浏览器等使用Webkit引擎的浏览器 /-o- / Opera浏览器(早期) /-ms- / Internet Expl...
2020-04-17 16:28:39
176
原创 拖拽
想讲一个小demo的实现方式：一个木块拖到一个盒子中经历的过程：1、首先使小木块可拖动：draggable =true;2、木块拖动的时候会发生什么ondragstart 调用一个函数drag(event)，event表示当前的元素的信息。在event中有一个dataTransfer.setData() 方法设置被拖数据的数据类型和值。function drag(ev){ ev.da...
2020-03-30 10:57:31
105
原创 Git常用的命令
Git提交项目的时候1、git status–查看当前改动文件的状态（把更改的文件都展示出来）2、git add . (把所有文件添加到暂存区)3、git commit -m “add file”–在本地做一次提交4、再次查看当前状态 git status—现在处于主分支，工作目录是干净的以上只是本地操作5、 git push -u origin master把当前工作区的...
2020-03-27 16:11:31
94
原创 vue中的计算属性和侦听器
计算属性和侦听器的使用：模板中放入太多的逻辑的时候难以维护。对于复杂的逻辑都可以使用计算属性。计算属性中有一个缓存，即使重新渲染，只要数据不发生变化，就不会触发对应属性的计算逻辑。watch是观察某一个属性的变化，重新计算属性值。computed是通过所依赖的属性的变化重新计算属性值。大部分情况下watch和computed几乎没有差别。但如果要在数据变化的同时进行异步操作或者是比较大的开...
2020-03-27 10:50:58
81
原创 Js三元表达式
1、在编写程序的时候，可能为了缩短所占代码的空间，常用一些三元表达式来代替简单的 if 判断。在翻阅资料后，总结一下三元表达式的一些常用技巧:1、表达式 (expr1) ? (expr2) : (expr3)；解释： (expr1)是否成立，为true执行(expr2) ，为false执行(expr3)。2、如何把if 判断转为三元表达式if(aa==bb){ cc=1}els...
2020-03-24 10:46:52
1347
原创 vue-cli3.0项目搭建
vue-cli3.0 脚手架搭建项目1.安装vue-cli 3.0npm install -g @vue/cli# oryarn global add @vue/cli安装成功后查看版本：vue -V(大写的V)运行命令：vue ui点击创建配置文件：开始创建安装完项目，文件夹内容对比之前的node_modules文件夹在此时已经加载出来，不需要之前的npm...
2020-03-23 23:12:55
90
原创 vue-cli(2.0)项目脚手架搭建
1、在本地安装node，npm1）如果不确定自己是否安装了node,可以在命令行工具内执行： node -v （检查一下 版本）；如果 执行结果显示： xx 不是内部命令，说明你还没有安装node , node 安装地址：http://nodejs.cn/download/ 注 ：安装 vue-cli 脚手架目前需要node版本为 v4.0 以上；二、 vue-cli 全局安装（3.0...
2020-03-23 22:23:48
160
原创 vue-Router（一）
路由基础配置参数：to链接的指向，router-link标签渲染时，转换成a标签，to转换成href属性，定义的routes参数里面的内容：path映射router-link中的to，一一对应。// 定义路由组件// 可以从其他的文件，import中导入进来const Foo = {template:'<div>首页</div>'};const Music = {...
2020-03-19 13:36:23
107
原创 vue中插槽slot
当特定的组件需要向里面传入特定的标签和内容，或者需要重复添加相同的内容-----slot插槽：给模块占好位置，当使用组件名称的时候，自动的填充html内的内容。1、普通的slothtml:<div id="app"> <child> <p slot="header">我是头部</p> <p slot="footer">我...
2020-03-16 21:54:44
137
原创 vue是单向数据流
在Vue传值问题有三种情况：父传子 、 子传父 、非父子之间的传值父传子父传递子数据时，需要在子组件上接收一个变量，用props属性，接收变量，props是对象形式，可以接受多个变量，同时可以在指定变量里进行校验props:{ content:{ type:String//type类型是字符串，如果为数字的时候，就会发生报错 ,default:function(){ r...
2020-03-13 15:18:48
231
转载 vue中$set
Vue中不能及时检测到对象属性的变化在Vue的使用过程中，可能会遇到一种情况：当生成vue实例后，当再次给数据赋值时，有时候并不会自动更新到视图上去子组件的props数据不能与父组件传递的值实时保持一致。受现代 JavaScript 的限制 (以及废弃 Object.observe)，Vue 不能检测到对象属性的添加或删除。Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，...
2020-03-11 17:16:16
169
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人