路由跳转 – 超链接方式跳转 html: <div id="app"> <h1>Hello App!</h1> <p> <!-- 使用 router-li…
分类:vue.js教程
[Vue CLI 3] 配置解析之 parallel
官方文档中介绍过在 vue.config.js 文件中可以配置 parallel,作用如下: 是否为 Babel 或 TypeScript 使用 thread-loader。 该选项在系统的 CPU 有多于一个内核时自动…
vue2-editor富文本基础使用方法
vue2-editor的入门使用准备工作: 使用 npm install vue2-editor –save 安装到项目中去; 使用 在需要的单文件内引入 import { VueEditor } from …
snabbdom源码解析(二) h函数
介绍 这里是 typescript 的语法,定义了一系列的重载方法。h 函数主要根据传进来的参数,返回一个 vnode 对象 代码 代码位置 : ./src/h.ts /** * 根据选择器 ,数据 ,创建 vnode …
snabbdom源码解析(七) 事件处理
事件处理 我们在使用 vue 的时候,相信你一定也会对事件的处理比较感兴趣。 我们通过 @click 的时候,到底是发生了什么呢! 虽然我们用 @click绑定在模板上,不过事件严格绑定在 vnode 上的 。 even…
Vue 组件间传值
前言 Vue 作为现在比较火的框架之一,相信您在使用的过程中,也会遇到组件间传值的情况,本文将讲解几种 Vue 组件间传值的几种方法,跟着小编一起来学习一下吧! 实现 注意: 学习本文,需要您对 Vue 有一定的了解。 …
vue+ElementUi 选择框选中之后翻页进行状态保持。及默认选中
复选框 <el-table :data="list" ref="multipleTable" :row-key="(row)=>{ return row.classId}" @selection-change…
1-2. Vue.js核心知识之模板渲染
Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。 插值 &…
Avoid mutating a prop directly since the value wi... 的错误处理
在vue.js中,在自定义一个组件的时候,可能会有这样的问题,当我们子组件中修改props中的值的时候,会有这样的错误提示:Avoid mutating a prop directly since the value w…
vue eslint简要配置
在前端开发过程中,难免习惯了console.log。 但是刚入门vue时,基于vue-cli 3.x,运行时终端老抛出error。一看信息,发现是不能使用console.log,另外import后的但是没有使用的变量也提…
vue+Element-ui项目中抽离分页组件(包括前端分页和服务器端分页两种)
在components文件夹中新建分页组件Pagination.vue,代码如下 <template> <el-row> <div class="number"> <div>…
稍微学一下 Vuex 原理
博客原文 介绍 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。这种集中管理应用状态的模式相比父子组件通信来说,使数据的通信更方便,状态的更改也更加直观。 Bus 肯定有不少同学在写 Vue 时使用过 n…