
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 · 244 阅读 · 1 评论 -
Vuex
vuex中,有默认的五种基本的对象:state:存储状态(变量)getters:对数据获取之前的再次编译,可以理解为state的计算属性。我们在组件中使用 sotre.getters.fun()mutations:修改状态,并且是同步的。在组件中使用sotre.getters.fun()mutations:修改状态,并且是同步的。在组件中使用sotre.getters.fun()mutati...原创 2019-09-27 09:19:53 · 474 阅读 · 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 · 139 阅读 · 0 评论 -
vue虚拟DOM
怎么使用虚拟DOMVue在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 · 231 阅读 · 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 · 399 阅读 · 0 评论 -
Vue自定义指令
// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus() }})如果想注册局部指令,组件中也接受一个 directives 的选项:directives: { focus: { ...原创 2019-10-03 17:21:27 · 590 阅读 · 0 评论 -
VUE生命周期
Vue 的生命周期:Vue 实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程,我们称这是 Vue 的生命周期。vue生命周期的作用它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻辑。vue生命周期阶段总共分为8个阶段:创建前/后, 载入前/后,更新前/后,销毁前/销毁后阶段 介绍...原创 2019-10-10 22:42:58 · 193 阅读 · 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 · 164 阅读 · 0 评论