Vue.js
勤奋的宇威
记录学习与工作中遇到的事情
展开
-
过滤
filter过滤全局挂载 <div id="app"> <!-- 输出结果为1,000,000 --> {{ monet | toMonet(2) }} </div> <script> // 全局挂载 // item为 | 前一个的数据 // ...原创 2020-01-26 21:21:55 · 83 阅读 · 0 评论 -
指令
Vue指令一v-pre 跳过该元素和他的子元素的变异过程。显示原始的 {{}} 标签。v-cloak 该指令保持在元素上,直到关联实例结束变异,可与css配合使用,隐藏未编译的 {{}} 标签。就是避免一次次的渲染,则可以使用css影藏起来,任何渲染完成这个指令则会消失v-once 只渲染和组件一次,随后的重新渲染,元素、组件及其所有的子节点江北视为静态内容并跳过。这可以用于优...原创 2020-01-26 21:20:55 · 217 阅读 · 0 评论 -
创建一个vue实例
创建一个vue实例vue实例中用到了插值表达式```{{ content }}插值表达式的形式```- 什么是插值表达式? - 插值表达式就是在js中写的表达式的值可以通过插值表达式显示出来。我们使用的数据,需要再data中存在数据首先需要存在,才能实现数据绑定(数据更新页面也更新)。data数据中的数组数据通过索引的方式去改变数组,不能渲染视图。通过长度的改变的...原创 2020-01-26 21:17:13 · 305 阅读 · 1 评论 -
Vue中的校验
vue中的校验当子组件使用到父组件的变量时候可以用到校验props: [‘name’, ‘age’, ‘fn’]原创 2020-01-15 23:33:18 · 592 阅读 · 0 评论 -
vue中的导航守卫
vue中的导航守卫当我们这个页面有很重要是事情需要完成的时候,有时候会碰到别的按钮,则会消失,对我们的页面和用户体验不佳,则我们需要导航守卫来问候一下是否需要离开此页面。beforeRouteLeave(to,from,next){} 当页面需要离开时问候beforeRouteEnter(to,from,next){} 当页面进去时问候则 to 为去哪 , from为从哪来。next执行。...原创 2020-01-12 20:47:16 · 161 阅读 · 0 评论 -
1.为什么使用VUE?
Vue为什么要使用Vue?性能更好。什么会影响web应用性能?操作dom影响性能,因为操作Dom是十分昂贵的。JS 和 Dom 是两种东西,每次连接都需要想好性能有句古话说宁可操作100js也不操作dom.操作dom会导致重绘和重排。JS 和 DOM关系:DOM是一个独立于语言的,用于操作XML和HTML文档的程序接口(API)。在浏览器中主要用于与HTM...原创 2020-01-04 22:42:56 · 327 阅读 · 0 评论