![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
江醉鱼
神游全世界,苟活人世间
展开
-
vue知识点梳理
条件和循环 <p v-if="seen">现在你看到我了</p> <li v-for="todo in todos"> {{ todo.text }} </li> 事件处理、数据双向绑定 <button v-on:click="reverseMessage">反转消息</button> <p>{{ m...原创 2019-09-27 16:21:12 · 175 阅读 · 1 评论 -
Vuex
vuex中,有默认的五种基本的对象: state:存储状态(变量) getters:对数据获取之前的再次编译,可以理解为state的计算属性。我们在组件中使用 sotre.getters.fun()mutations:修改状态,并且是同步的。在组件中使用sotre.getters.fun() mutations:修改状态,并且是同步的。在组件中使用sotre.getters.fun()mutati...原创 2019-09-27 09:19:53 · 401 阅读 · 0 评论 -
vue进阶
模块系统: import/require 使用一个模块系统 import ComponentA from './ComponentA' import ComponentC from './ComponentC' 全局注册: Vue.component 来创建组件,在注册之后可以用在任何新创建的 Vue 根实例 (new Vue) 的模板中。 Vue.component('my-component...原创 2019-09-27 19:55:02 · 108 阅读 · 0 评论 -
vue虚拟DOM
怎么使用虚拟DOM Vue在2.0版本引入了vdom,其vdom是基于snabbdom库所做的修改。snabbdom是一个开源的vdom库。snabbdom的主要作用就是将传入的JS模拟的DOM结构转换成虚拟的DOM节点。先通过其中的h函数将JS模拟的DOM结构,转换成虚拟DOM之后,再通过其中的patch函数将虚拟DOM转成真实的DOM渲染到页面中。 为了保证页面的最小渲染,snabbdom引入...原创 2019-09-28 12:24:17 · 167 阅读 · 0 评论 -
vue2.0和1.0的区别
1.关于过滤器 2.0移除了自带过滤器,但是保留了自定义过滤器的功能。以后想用过滤器可以自己定义 定义方法还是跟1.0相同 :vue.filter(‘过滤器名字’,fn) 调用方法有些许差别:之前调用:{{msg | filterName’12’ ‘5’}} 现在调用:{{msg | filterName(‘12’,‘5’)}}; 2.关于循环中重复数据的问题 1.0中用到的是 track-...原创 2019-09-30 10:59:59 · 337 阅读 · 0 评论 -
Vue自定义指令
// 注册一个全局自定义指令 `v-focus` Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus() } }) 如果想注册局部指令,组件中也接受一个 directives 的选项: directives: { focus: { ...原创 2019-10-03 17:21:27 · 531 阅读 · 0 评论 -
VUE生命周期
Vue 的生命周期:Vue 实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程,我们称这是 Vue 的生命周期。 vue生命周期的作用 它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻辑。 vue生命周期阶段 总共分为8个阶段:创建前/后, 载入前/后,更新前/后,销毁前/销毁后 阶段 介绍 ...原创 2019-10-10 22:42:58 · 115 阅读 · 0 评论 -
Vue的路由
Vue的路由实现:hash模式 和 history模式 hash模式:在浏览器中符号“#”,#以及#后面的字符称之为hash,用window.location.hash读取; 特点:hash虽然在URL中,但不被包括在HTTP请求中;用来指导浏览器动作,对服务端安全无用,hash不会重加载页面。 hash 模式下,仅 hash 符号之前的内容会被包含在请求中,如 http://www.xxx.co...原创 2019-10-10 23:29:54 · 118 阅读 · 0 评论