Vue
关注
分享
扫一扫
文章平均质量分 61
Talon不会写代码
I'm just a lonely loner on a lonely road alone.
展开
-
【Vue】组件中v-show不渲染问题的解决
问题：在使用 uni-app 开发的时候，写了一个类似于微博的关注组件，功能就是未关注的文章显示+关注按钮 ，关注后按钮消失。使用 v-show 来写，用一个变量isFollow来监听，isFollow来自于父组件通过 props传递。但是遇到一个问题就是：点击事件中修改isFollow的值之后，view 没有渲染，点击后关注按钮仍然存在，值确实已经发生改变，但 view 并没有重新渲染。&...原创 2020-01-21 23:49:35 · 4357 阅读 · 1 评论 -
Ubuntu搭建Vuejs环境及测试
安装Vue.js需要提前安装nodejs和npm。nodejs安装：1. 更新Ubuntu源：sudo apt-get updatesudo apt-get install -y python-software-properties software-properties-commonsudo add-apt-repository ppa:chris-lea/node....原创 2018-09-10 22:46:39 · 519 阅读 · 0 评论 -
Vue 中自定义组件（包含实例）
Vue 支持自定义组件，方便我们在开发过程中根据自己的项目自定义组件。定义主要是通过 Vue.component( ) 来完成。新建一个 alert.js 文件：// 自定义一个 alert 组件Vue.component('alert', { template: '<button @click="onClick">弹窗</button>', methods：{原创 2018-09-25 23:15:30 · 2337 阅读 · 1 评论 -
Vue组件传参
component( ) 自定义组件时经常会用到参数，主要有两种情况：父向子传参、子向父传参。父子传参：在父子传参中需要用到的是 component 中的 props 属性，props 是一个数组，包含了父级组件传来的参数。下面这个例子中，定义了一个 user 组件，用来显示一个名字的 a 标签，当点击时跳转到该名字的页面。用法如下：<!doctype html><ht...原创 2018-09-26 21:57:28 · 532 阅读 · 0 评论 -
Vue双向绑定原理实现——观察者模式
前言Vue 框架是一种 MVVM 框架，它有一个很大的特点就是数据双向绑定，在开发过程中我们只需要操作 Model ，而不需要修改 View ，使用起来 VR 因吹斯汀。但是它的实现原理并不复杂，主要是运用了设计模式中的观察者模式，也可以说是加了钩子函数。下面用原生 JS 实现一下。代码实现创建模板创建一个 html 模板，包含一个 <input> 和一个 <span&g...原创 2018-09-26 23:18:24 · 1731 阅读 · 0 评论 -
vue生命周期——超详细
每个 Vue 实例创建时，都会经历一系列的初始化过程，同时也会调用相应的生命周期钩子。生命周期关于 Vue 生命周期，先放一张官方文档的图在这个图中我们可以清楚地看到 Vue 的整个生命周期和它所提供的钩子函数。钩子函数beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatebeforeDestroydestroye...原创 2018-11-15 21:52:43 · 7345 阅读 · 1 评论 -
vue过滤器
Vue.js 允许自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。语法过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：<!-- 在双花括号中 -->{{ message | capitalize }}<!-- 在 `v-bind` 中 -->...原创 2018-11-16 17:49:00 · 173 阅读 · 0 评论