随笔分类 - Vue.js
摘要：当我们在data中写入数据 datalist:[“11111”，“2222”，“333”]，的时候，我们用调试工具给索引值0也就是dtalist["0"]这个索引修改值的时候 我们的Vue是接受不到的(那么为什么 数组的pop shift 或者 push 可以呢？因为作者把这些方法都重新的重写了一遍
阅读全文
摘要：watch：监听属性，来监听dta中的数据变化 或者route的变化 computed：计算属性，
阅读全文
摘要：命名视图（就是给router-view 添加一个name属性）
阅读全文
摘要：Vue使用routerLinke定义参数的时候 路由规则中不需要更改任何属性。 路由其实就是我们在html中定义的锚点，点击这个连接跳转一个锚点。vue中的路由也是这个原理， 前提是路由必须创建在实例之前。 路由规则中定义参数2
阅读全文
摘要：什么是路由 后端路由：**对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源； 前端路由：**对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的
阅读全文
摘要：注意，在父组件中可以使用this.$refs.属性名 获取任何元素的属性和方法，子组件不可以获取父组件中的
阅读全文
摘要：HTML 本地存储介绍 最早的 Cookies 自然是大家都知道，问题主要就是太小，大概也就 4KB 的样子，而且 IE6 只支持每个域名20个cookies，太少了。优势就是大家都支持，而且支持得还蛮好。很早以前那些禁用 cookies 的用户也都慢慢的不存在了，就好像以前禁用 javascrip
阅读全文
摘要：Document 这是子组件界面----{{dataflog}}
阅读全文
摘要：这里有个注意的地方，Vue实例控制app DIV 大组件，我们在div中天加小组件的时候，传值需要创建自定义的属性 之后在通过props:[‘属性名’] 来把父元素data中的数据传递给子组件
阅读全文
摘要：组件化与模块化的区别 什么是组件：组件的出现，就是为了拆分Vue实例的代码量，能够让我们以不同的组件，来划分不同的功能模块 ，将来我们需要什么功能，就可以去调用对应的组件即可 组件化与模块化的不同： 模块化：是从代码逻辑的角度进行分析，方便代码分层开发，保证每个功能模块的只能单一 组件化：是从UI界
阅读全文
摘要：在使用Vue中的函数或自己定义的函数或指令的时候，Vue说明如下 在一些自己定义或系统定义的驼峰命名规则的时候，你需要到元素区域引用的使用中间的大写要改成小写在谭家 一条横杠如： 你在var=new Vue（{ el：‘’ component：{ loginOut：{ template：‘<h1>这
阅读全文
摘要：Document Id: ...
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
阅读全文
摘要：概述 Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具： 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 可以配合使用第三方 JavaSc
阅读全文
摘要：1.之前学习中，如何发起数据请求？ 2.常见的数据请求类型？get post jsonp 3.常见的URL请求资源地址 get请求地址： http://vue.studyit.io/api/getlunbo post请求地址：http://Vuestudyit.io/api/post jsonp请求
阅读全文
摘要：Vue实例的生命周期 什么是生命周期：从Vue实例创建 运行 到销毁期间，总是伴随这各种各样的事件，这些事件统称为生命周期 生命周期钩子：就是生命周期事件的函数 主要的生命周期函数分类： 创建期：beforeCreate Created beforeMount Mounted 运行期： before
阅读全文
摘要：首先需要在keyup事件之后. 修饰符 来绑定事件 前提记住, 如果这个按钮 没有click事件,键盘事件是没有用的 键值修饰符 在监听键盘事件时,我们经常需要检测常见键值,Vue 允许为V-on在监听键盘事件时添加关键 修饰符: <input v-on:click.13=submit"> 记住所有
阅读全文
摘要：简单介绍一下过滤器，顾名思义，过滤就是一个数据经过了这个过滤之后出来另一样东西，可以是从中取得你想要的，或者给那个数据添加点什么装饰，那么过滤器则是过滤的工具。例如，从['abc','abd','ade']数组中取得包含‘ab’的值，那么可通过过滤器筛选出来‘abc’和‘abd’；把‘Hello’变
阅读全文
摘要：一般来说，v-if 有更高的切换消耗而 v-show 有更高的初始渲染消耗。因此，如果需要频繁切换 v-show 较好，如果在运行时条件不大可能改变 v-if 较好。 <body> <div class="box"> <!-- v-if 等于true的时候 会把这个元素彻底移除掉--> <h1 v-
阅读全文
摘要：2.2.0+ 的版本里，**当在组件中使用** v-for 时，key 现在是必须的。 当 Vue.js 用 v-for 正在更新已渲染过的元素列表时，它默认用 “**就地复用**” 策略。如果数据项的顺序被改变，Vue将**不是移动 DOM 元素来匹配数据项的顺序**， 而是**简单复用此处每个元
阅读全文
