hy_ethel的博客

scoped属性作用在Vue文件中的style标签上有一个特殊的属性scoped。当一个style标签拥有scoped属性时候，它的css样式只能用于当前的Vue组件，可以使组件的样式不相互污染。如果一个项目的所有style标签都加上了scoped属性，相当于实现了样式的模块化。<template> <div class="box">dom</div&gt...

VUE中的组件将页面中重复的的功能抽离出来封装成一个单独的组件，在任何需要的地方使用该组件，这样既减少了 逻辑复杂度 , 又能提高代码的可复用程度和可维护性。Vue 中的组件是自定义的标签,可以扩展原生的html元素,封装可重用的代码。一个 自定义标签 Vue 就会把他看成一个组件， 自定义标签原本没有实际意义，但是 Vue 会给这些标签赋予一定的意义。每个组件都是一个 Vue 的实例，...

一、概述Vue.js允许使用自定义过滤器（filters），用于文本的格式化。其特点是，渲染格式化的文本却不改变其本身内容。过滤器可以用在两个地方：双花括号插值，v-bind表达式（v2.1.0+）。过滤器应该被添加在表达式的尾部，然后由管道操作符“ | ”进行指示。<!-- 在双花括号中 -->{{item.price | filterPrice}}<!-- 在 v-...

一、watch1、介绍：主要用于监控 Vue 实例的变化，监控的变量必须在data里面声明，可以监控一个变量或者一个对象。通过 vm 对象的$watch或watch配置来监视指定的属性，当属性变化时，回调函数自动调用，在函数内部进行计算，回调函数得到的参数为新值和旧值。2、实例：input输入框：<template> <div> ...

vue使用过程中，v-if和v-show必不可少，但是很多人在用的时候都不知道两者到底有什么区别，大都是按照习惯使用，其实二者是要分场合使用的。共同点：v-if和v-show都能实现元素的显示或隐藏。不同点：1、手段及编译：v-if：在首次渲染的时候，如果条件为假，什么也不操作，页面也没有该元素；当条件为真的时候，开始局部编译，动态的向 DOM 元素里添加该元素；当条件由真变为假的时候，...