Vue学习
文章平均质量分 77
卿卿&
love coding
展开
-
Vue学习笔记-key的原理和作用
文章目录条件渲染列表渲染key的原理和作用列表过滤 条件渲染 v-if: 写法: v-if=“表达式” v-else-if =“表达式” v-else=“表达式” 适用于:切换频率较低的场景 特点:不展示DOM元素直接被移除。 注意:v-if可以和v-else-if、v-else 一起使用,但要求不能被打断。 v-show 写法:v-show =“表达式” 适用于:切换频率较高的场景 特点:不展示dom元素,但未被移除,底层原理是display:none,仅仅是使用样式隐藏掉。 备注: 使用原创 2021-10-26 10:23:21 · 215 阅读 · 0 评论 -
Vuejs学习笔记-监听属性
监视属性 文章目录监视属性computed和watch之间的区别两个重要原则: 监视属性-watch: 当被监视的属性发生变化时,回调函数(handler)自动调用,进行相关操作 监视的属性必须存在,才能进行监视。 监视的两种写法: new Vue时传入watch配置 通过vm.$watch监视 深度监视: Vue中的watch默认不监视对象内部值的改变(一层) 配置deep:true可以监视对象内部值的改变(多层) 备注: Vue自身可以监视对象内部值的变化,但Vue提供的watch原创 2021-10-15 15:49:42 · 149 阅读 · 0 评论 -
Vuejs2的基础学习笔记
文章目录简单认识一下VuejsVue中的MVVM计算属性Vue模板语法Vue中的数据绑定el和data的两种写法MVVM模型数据代理事件处理计算属性 简单认识一下Vuejs Vue是一个渐进式的框架,什么是渐进式的呢: 渐进式意味着你可以将Vue作为你应用的一部分嵌入其中,带来更丰富的交互体验。 或者如果你希望将更多的业务逻辑使用Vue实现,那么Vue的核心库以及其生态系统。 比如Core+Vue-router+Vuex,也可以满足你各种各样的需求。 Vue有很多特点和Web开发中常见的高级功能原创 2021-10-15 15:43:09 · 158 阅读 · 0 评论 -
Vue-cli版本的升级以及安装
Vue-cli版本的升级以及安装 文章目录Vue-cli版本的升级以及安装1. vue-cli的安装及版本查看更新2. vue-cli4的安装与使用:创建一个项目: 1. vue-cli的安装及版本查看更新 1. vue版本的查看 ```js vue -V ``` vue-cli的安装 npm install vue-cli -g vue-cli的3.0+以后使用的不是vue-cli了,如果用以上的安装命令安装的并不是最新版的3.0+的,而如果安装3.0的话就需要使用新的原创 2021-10-15 15:31:06 · 550 阅读 · 0 评论