本文目前总结的特性如下1.侦听属性和计算属性2.class的绑定3.条件渲染时的注意事项4.v-if和v-for同时使用的注意事项5.插槽6.ref,父组件调用子组件的另一种方式7.<keep-alive>标…
标签:vue.js教程
VUE路由钩子及使用场景
一、路由钩子 可以在路由发生变化时进行一些特殊的处理 三类钩子:1、全局钩子2、某个路由独享的钩子3、组件内钩子 主要都有三个参数:to: Route: 即将要进入的路由对象from: Route: 当前导航正要离开的路…
tinymce 5更新后,如何使用tinymce-vue
在vue项目中使用tinymce编辑器(tinymce-vue) 项目使用vue-cli 3.x版本,tinymce5 1. 安装及引用 注:只安装tinymce-vue不可以,还需安装tinymce,否则会报错 npm…
vue2 基础学习08(给组件绑定原生事件)
在组件上设置点击事件 <div id="app" > <child @click="handleClick"></child> </div> <script> …
聊一聊vue的双向数据绑定,为啥子this.message和this._data.message 都能访问到呢?都发生了什么呢
初入vue 的大门,对vue 在data 中定义一个值,在DOM 中通过双花括号{{}} 就可以访问的到,对此我是很好奇的,本着好奇的心思,打开了vue 的源码,探索这个奇妙的过程。问题的根源就在于这个方法:Object…
vuejs基础玩法(基础知识,不喜勿喷!)
前言Vuejs相关教程,可参阅网站,先熟悉vue.js的基本语法。本文档讲述,以CDN的方式(在页面上,引入相关的js和css文件),来实现。本文档适用于vuejs初学者,之前给公司实习生学习准备的,很多相关知识暂不全,…
数据发生变化时,vue是如何更新节点的?
前言:真实DOM的渲染会引起整个DOM树的重排重绘,会造成非常大的开销。因此,vue采用了Virtual DOM(虚拟DOM)。 虚拟DOM是将真实DOM数据抽取出来,以对象的形式模拟树形结构。 在更新节点的过程中采用了…
第五课时: Vuex状态管理,state&getter
1.安装Vuex首先在 vue 2.0+ 你的vue-cli项目中安装 vuex : npm install vuex --save 然后 在src文件目录下新建一个名为store的文件夹,为方便引入并在store文件夹…
自定义elementUI表格规则
versionNo: [ { validator: validateVersionNo, trigger: ‘blur’} ], var validateVersionNo = (rule, va…
基于vue 做了关于token验证的实例,和移动端下fixed失效的解决方案
vue-koa2-token 基于vue的 做了token验证 前端部分(对axios设置Authorization) import axios from 'axios' import store from '../st…
vue 父向子传值,值的绑定
父向子组件传递:在父组件里子组件的模板里写上要传递的key和value <child key=’value’></child> 或者 <child :key=R…
第十七课时: 可编辑表格的实现
1、JSX进阶 item.render = (h, { row, index, column }) => { // keyArr等于this.insideData[index].edittingKeyArr,如果t…