VUE
大啵鱼
这个作者很懒,什么都没留下…
展开
-
VUE。JavaScript学习笔记:数组的concat()、slice()和splice()
JavaScript为操作已经包含在数组中的项提供了很多方法。比如push()、pop()、shift()和unshift()实现数组的增删操作、sort()和reverse()对数组项进行排序操作。今天学习操作数组的其他方法:concat()、slice()和splice()。concat()方法concat()方法可以简单的将其理解为合并数组。基于当前数组中的所有项创建一个新数组。简单的说,c...转载 2018-06-11 17:34:46 · 53627 阅读 · 2 评论 -
js中判断变量不为空或null
var content=$("content").val();if(!content){ alert("请输出内容!"); return;}//上述内容相当于判断content=""、content=null、content = undefined、content=0转载 2019-04-22 19:40:59 · 1637 阅读 · 0 评论 -
vue中 关于$emit的用法
1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit 触发父组件的自定义事件。vm.$emit( event, arg ) //触发当前实例上的事件vm.$on( event, fn );//监听event事件后运行 fn;例如:子组件:<template> <div class="train-city"> ...转载 2019-04-02 14:44:41 · 401 阅读 · 0 评论 -
vue 路由跳转四种方式 (带参数)
1. router-link1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意:router-link中链接如果是'/'开始就是从根路由开始,如果开始不带'/',则从当前路由开始。 2....转载 2019-03-20 14:30:01 · 574 阅读 · 0 评论 -
vue学习笔记:在vue项目里面使用引入公共方法
今天早上来到公司,没事看了一下别人的博客,然后试了一下,发现的确是可以的,在此记录一下,方便自己日后查阅。首先新建一个文件夹:commonFunction ,然后在里面建立 一个文件common.js建立好之后,在main.js里面引入这个公共方法最后是调用这个公共方法测试一下,我在公共方法里面写了一个简单的一段代码如下:export default{ lo...转载 2019-03-07 13:18:22 · 603 阅读 · 0 评论 -
vue2.0学习——使用webstorm创建一个vue项目
背景:小白自学vue,翻阅了好多大神的博客,看了网上很多的视频,过程很吃力,好在功夫不负有心人,磕磕绊绊的也算入门了,现为自己vue的学习阶段做个小小的总结。vue2.0的基础知识的总结暂时不总结成文,带有时间时再说吧。我使用的是webstorm来创建vue项目,前辈说用这个软件学习还是不错的,事实证明,确实不错。一、webstorm的安装:1、什么是webstorm...转载 2019-03-06 15:55:40 · 701 阅读 · 0 评论 -
VUE截取字符串
let str = 'abcdef';// 0 str = str.slice(0);//返回整个字符串 abcdefstr = str.substring(0);//返回整个字符串 abcdefstr = str.substr(0);//返回整个字符串 abcdef// 使用一个参数str = str.slice(2);//截取第二个之后所有的字符 cdefs...转载 2018-09-18 15:32:19 · 66193 阅读 · 2 评论 -
VUE 数组对象 和 数字排序
普通数组的排序先看代码:<div class="app"> <h1>v-for实例</h1> <hr> <ol> <li v-for="number in numbers">{{number}}</li> &转载 2018-07-05 10:36:06 · 10361 阅读 · 0 评论 -
Vue2.0 -- Eslint 规则说明
"no-alert": 0,//禁止使用alert confirm prompt"no-array-constructor": 2,//禁止使用数组构造器"no-bitwise": 0,//禁止使用按位运算符"no-caller": 1,//禁止使用arguments.caller或arguments.callee"no-catch-shadow": 2,//禁止catch子句参数与外部作用域变量...转载 2018-07-03 11:15:07 · 245 阅读 · 0 评论 -
localStorage使用总结
一、什么是localStorage、sessionStorage在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。 二、localStorage的优势与局...转载 2018-06-13 10:34:39 · 100 阅读 · 0 评论 -
详解设置路由导航的两种方法
一、<router-link :to="..."> to里的值可以是一个字符串路径,或者一个描述地址的对象。例如:// 字符串<router-link to="apple"> to apple</router-link>// 对象<router-link :to="{path:'apple'}"> to apple<转载 2018-06-13 09:50:10 · 1900 阅读 · 0 评论 -
VUE学习
var vm = new Vue({ el: "选择器", 挂载到页面的那个元素里,即确定vue的作用范围 外部可通过vm.$el访问,得到的是一个原生dom元素,可进行对应操作 a: '', //自定义属性 外部可通过vm.$options访问 data: { }, //实例属性都在这里面,外部通过实例名,即vm.$data调用 computed: { }, //...转载 2018-06-12 15:45:24 · 191 阅读 · 0 评论 -
vue中8种组件通信方式, 值得收藏!
vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要,那么组件之间如何进行数据通信的呢?首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式, 就好像过年回家,坐着一屋子的陌生人,相互之间怎么称呼,这时就需要先知道自己和他们之间是什么样的关系。vue组件中关系说明:如上图所示, A与B、A与C、B与D、C与E组件之间是父子关系; B与...转载 2019-08-20 14:11:43 · 257 阅读 · 0 评论