hmyhicc的博客

<!-- 官网案例 --><el-table-column align="right"> <template slot="header" slot-scope="scope"> <el-input v-model="search" size="mini" placeholder="输入关键字搜索"/> </template> <template slot-scope="scope"&g

$set在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为getter/setter。受现代 JavaScr

<router-view>默认以组件区分，但如果两个页面使用同一个组件，则互相跳转不会更新页面，这时可以使用:key="$route.path"区分<router-view :key="$route.path"></router-view>

注意： 鼠标事件导致页面刷新问题，在el-form上增加 @submit.native.prevent 可阻止页面刷新<el-form @submit.native.prevent> <el-form-item :inline="true"> <el-input @keyup.enter.native='onSubmit'></el-input> </el-form-item> <el-form-item>

Vue组件v-if新渲染的组件不更新：可能原因是Vue识别到是相似组件（高度相似甚至相同）不会更新元素。给原来的组件和新组件分别给不同的key值让Vue识别为不同的组件。

简介vue.js是一套构建用户界面的渐进式框架。 vue全家桶：vue.js+vue-router+vuex+axios特点核心只关注视图层（view)易学，轻量，灵活的特点适用于移动端项目渐进式框架渐进式的理解 1. 声明式渲染（无需关系如何实现） 2. 组建系统 3. 客户端路由（vue-router) 4. 大规模状态管理（vuex) 5. 构...

这一部分主要讲的是vue的实践准备工作安装必要的文件下载一个全局生成vue项目的脚手架npm install vue-cli -gvue init webpack 项目名字cd 项目名npm install npm run dev模块node模块的规范commonjsjs模块cmd(seajs) ，amd(require)umd 为了上面两种做兼容处理esmo...