![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
boonyaxnn
好好学习,天天向上
展开
-
vue学习笔记(四):环境搭建
1、vue 3.0 版本 (1)全局安装 npm install -g @vue/cli (2)创建一个项目 vue create my-project 2、vue 2.x 版本 (1)全局安装 npm install -g @vue/cli-init (2) 创建一个项目 vue init webpack my-project (3)进入项目文件夹 ...原创 2019-10-22 14:51:33 · 150 阅读 · 0 评论 -
Vue 学习笔记:v-if和v-show的区别(一)
1、v-if是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建; 2、v-if是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。 3、v-show:不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换; 4、v-if有更高的切换开销,而 v-show 有更高的初始渲染开销。 ...原创 2019-07-02 19:39:04 · 207 阅读 · 0 评论 -
Vue 学习笔记:数组和对象的更新检测(二)
1、数组 ①变异方法:会改变原有数组的状态: ②替换数组:不会改变原数组,但是会返回一个新的数组: push() pop() shift() unshift() splice() sort() reverse() filter() concat() slice() <ul> <li v-for="(item,index) in ar...原创 2019-07-02 20:21:08 · 148 阅读 · 0 评论 -
Vue 学习笔记:数据传递(三)
1、同级之间的数据传递:this.$emit("自定义事件","发送的数据"); <template> <div> child <button @click="sendMsg">按钮</button> </div> </template> <script> exp...原创 2019-07-03 20:57:48 · 221 阅读 · 0 评论