![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 73
samfung09
这个作者很懒,什么都没留下…
展开
-
vue-router原理解析
更新中...原创 2019-12-22 20:28:39 · 169 阅读 · 0 评论 -
vue的一些知识点
数据更新列表却不重新渲染例如数组中一个对象中的一个字段数字变了,这时vue并不会更新视图。为什么呢?还是上面举的例子,用 this.$set 解决//购物车中某个商品数量加1了,这时再watch环境下if(this.goodsList.length > 0){//如果购物车列表有数据则寻找有没有已存在的 this.exist = this.goodsList.some...原创 2019-12-15 20:51:14 · 191 阅读 · 0 评论 -
使用element-ui的一点笔记
vue-router和element-ui结合实现导航1、先在el-menu标签上添加router属性,再绑定 :default-active="$route.path" 导航当前项。2、然后在el-menu-item标签上的index属性设置路由地址即可,例如:index="/home" 注意:上面方法还会有点小bug,比如当前地址含有不定参比如"/home/a"或者"/home/b...原创 2018-06-12 01:36:37 · 1281 阅读 · 0 评论 -
vuex简单的store文件
复习一下vuex工作流程,看图如上图所示,vuex的工作流程大概是,组件this.$store.dispatch(store文件中的一个action函数名, 参数) 分发命令给action,actions接到命令再去触发mutation函数来修改state状态,最后反馈给视图层。再来一份简单的store文件,暂时只写了登录状态import Vue from 'vue'impor...原创 2018-06-11 18:13:05 · 1434 阅读 · 0 评论 -
简单理解以vue为例的mvvm框架原理
时下三大框架当道,应该在国内主要是react和vue,互相借鉴,各有特点,相较之下本人可能更喜欢vue,因为确实更加简洁,尤其喜欢双向数据绑定和计算属性等语法。所以想手动实现一下其中基本原理,便于理解。本文主要借鉴sf上的一篇文章,原文写的非常清晰,可以看看本文同时发布在简书上,代码也放在了github上。在正式敲代码之前先来做些准备Object.defineProperty()首...原创 2018-06-20 23:36:25 · 3450 阅读 · 0 评论 -
vue基础爱记不记
之前都觉得不用记笔记,但有些不常用的点虽然会但有些用法记不全还是要去找文章,所以在这里记一下。虚拟domv-pre & v-cloak & v-oncev-pre:不进行vue渲染,原样输出。v-cloak:dom渲染完之后才显示内容,可以避免页面显示{{变量}}等。(要配合样式使用,一般 [v-bloak]{display: none;})v-once:只渲染...原创 2018-03-25 01:22:01 · 435 阅读 · 0 评论 -
Vue服务端渲染之Nuxt.js上手
说在前头:本文主要简书Nuxt.js框架的基本使用,该框架集成度比较高,但文档比较全,主要参考官方文档。安装使用官方提供的脚手架。按照官方文档,使用npx命令安装。什么,你还不知到npx?npx create-nuxt-app <项目名>然后进行一些选择,比如选择什么服务端框架,这里我选了Koa还会让你选择UI框架,这里我选了Element其余的都是常...原创 2018-12-15 22:53:44 · 677 阅读 · 0 评论 -
用webpack4搭一个vue项目
平时一般都用vue-cli,今天自己来手动搭一个vue项目,当然基本项目结构还是参考vue-cli的。 引入vue包错误在js文件中直接 import Vue from 'vue' 导入vue之后使用可能会报一下错误webpack You are using the runtime-only build of Vue where the template compiler is ...原创 2019-01-29 20:50:57 · 317 阅读 · 0 评论