Vue笔记第二天

最新推荐文章于 2020-08-15 19:38:21 发布
最新推荐文章于 2020-08-15 19:38:21 发布
阅读量118 收藏
点赞数 1
分类专栏： 学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43378800/article/details/98675424
版权

第二天

1.事件修饰符
v-cloak 可以隐藏胡子语法
v-once 只渲染一次
prevent 阻止默认跳转

2.Vue中的生命周期钩子函数

  • breforeCreate： Vue实例（或组件）创建并初始化调用，但是此时data数据还没有挂载上来，所以在这里访问不到data数据
  • created： 挨在breforeCreate的后面，但是在这个钩子触发的时候，data已经挂载上去了，就代表可以访问data数据
    • 最早能访问数据，应该在created
  • beforeMount： 在DOM渲染之前调用
  • mounted：DOM渲染完毕调用，这里能访问DOM元素了
    • 最早能访问DOM元素，应该在mounted
  • beforeUpdate：数据发生改变，但是DOM还没变化之前调用
  • updated： 数据发生改变，并且DOM已经变化了调用
    • 在这里可以设置滚动条滚动到最后
  • beforeDestroy：销毁之前调用
  • destroyed：销毁完成调用

3.过滤器–filters
例如:
在模板中使用,|前面为获取到的值 ,|后面为定义的过滤器的名字!
在这里插入图片描述
在这里插入图片描述

风里有诗句
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue学习第二天笔记
weixin_50504730的博客
10-29 161
Vue-day02 1.表单元素 1.input 单选，多选，下拉 下拉多选 文本域 提交 单选 <!-- radio:需要出现互斥情况，那么需要通过value绑定属性值，此时v-model会通过value值找到对应的属性进行绑定 --> 性别:<input type="radio" v-model='sex' value="男">男 <input type="radio" v-model='sex' value="女">女 多选 <div id="ap
Vue 第二天
热门推荐
越是憧憬，越要风雨兼程
10-10 1万+
Vue 第二天 第一天的时候学了简单的环境搭建和Vue项目的创建，今天先复习一下Vue项目的创建，多练习，才能理解的更透彻。 Vue项目搭建： 在硬盘上找到一个合适的文件夹放工程，比如：E:\vueDemo，和昨天搭建的第一个Vue项目放在了同一级目录下，执行命令： vue init webpack secondvue 初始化一些设置后，此处省略… 安装项目依赖： npm...
个人学习vue笔记自己整理精华
02-18
本人学习vue时候的学习笔记，以及工作共遇到的我认为需要记录的一些知识点
vue插件vue-resource的使用笔记（小结）
12-03
最近手头有个小项目，打算用vue练个手，期间用到了vue的插件：vue-resource。下面是我使用这个插件的一些经验，算是给自己写的一个笔记，分享出来也希望和我遇到同样坑的朋友可以借此踩坑而过~ 在使用这个插件之前，当然是先安装啦： npm i vue-resource --save 安装读条完毕，接下来便是在项目中引入： import VueResource from 'vue-resource' Vue.use(VueResource); 如上所述，在入口文件中引入vue-resource即可。然后便是具体的使用了。vue-resource的使用和以前在JQ,ZEPTO等等中使
Vue学习(二)-胡子({{}})语法
weixin_44038881的博客
12-05 5451
一，插值操作 这种语法叫做 Mustache 语法 中文叫做胡子的意思，两个 {{}} 长的比较像胡子，所以这样命名了 <body> <div id="app"> <p>{{ message }}</p> <!-- 直接在模板里面写 --> <p>{{ message +...
VUE学习笔记 -- vue的使用
wingzhezhe的博客
07-07 1737
一、VUE介绍1、本课程中VUE相关资料详情请见：https://download.csdn.net/download/wingzhezhe/10526815二、VUE使用案例1、插值表达式的使用2、三、
vue学习笔记整理(三)--常用选项
Alisane的博客
08-31 529
  data: 类型-Object | Function 只有当实例被创建时 data 中存在的属性才是响应式(改动将会触发任何视图的更新)的 vue实例中的data选项是对象，则所有的实例将共享引用同一个数据对象。 组件中的data 必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例。通过提供 data 函数，每次创建一个新实例后，我们能够调用 data 函数，从而返回...
Vue第二天学习笔记.txt
09-07
v-if,v-show和v-for指令以及TodoList所有功能开发，包含子组件与父组件之间的相互通信接管。
Vue.js第四天学习笔记
10-20
在Vue.js的学习过程中，第四天的内容涉及到了将JSON数组数据转换为CSV格式并进行导出。这个功能在数据管理和分析中非常实用，特别是在处理表格数据时。以下是对这段代码的详细解析： 首先，HTML部分创建了一个按钮...
Vue.js第二天学习笔记（vue-router）
11-28
本篇学习笔记主要介绍如何在Vue项目中配置和使用`vue-router`。 首先，确保已经通过npm安装了必要的依赖包，包括`vue`, `vue-router`和`vue-resource`。在终端运行以下命令： ```bash npm install vue vue-router ...
Vue.js第三天学习笔记（计算属性computed）
10-20
示例二进一步展示了计算属性的`get`和`set`的使用，这次是用于处理时间的转换。在这个例子中，`b`依赖于`a`，并根据`a`的值计算出分钟总数。同时，`b`的`set`方法会在`b`的值改变时更新`c`，将分钟总数转换回小时:...
前端学科笔记分享——vue.js
Wz1135640的博客
10-09 613
vue 的一些语法和 Angular 的很相似，vue 的指令以 v-开始，而 angular 以 ng-开始（例如 v-if vs ng-if），数据绑定的方式也是一样的两个{}。这是由于 vue 早期的灵感来自于angular，对 angular 的研究对我学习 vue.js 的框架能起到很好的引导作用。 1）简介： Vue.js是由尤雨溪大神开发的一套用于构建
vue 项目笔记
weixin_33859231的博客
11-06 95
获取子组件的实例 // 相当于调用了子组件内的vue实例 console.log(this.$refs.fileInput) watch中手动执行一次 watch监听对象属性的变化 depp:true对对象进行深层遍历 也可以写成"obj.a", 直接对对象的某个属性进行监听 v-once只执行一次 <h4 class="pro-...
vue第二天系统学习笔记
hanmiao12345的博客
08-15 129
双向数据绑定 1.什么是双向数据绑定？ helloworld helloworld（输入框） --> 这里的变化会导致上面的内容跟着变化 2.双向数据绑定分析 v-model 指令用法 < input type=‘text’ v-model=‘uname’ /> 3.MVVM设计思想 M（model） V（view） VM（view-model） view通过view-model（使用事件监听）到model model通过 vue（事件绑定）到view 实现双向数据绑定 事件绑定 1.v
2018-10-22日 vue视频笔记
李先生的博客
10-22 342
设置组件值 如果对象是个数组，不能直接使用数组下标的形式改变值，只能通过对应如push操作改变数据，或者直接改变引用 如果对象是Object，可以使用对象相关方法，不能直接使用.key的方式改变值。或者直接改变引用 可以直接使用 this.$set(“对象”,“下标或者对象key”,”值“);修改 组件使用细节 使用组件创建tr时，一定要使用的形式，否则结构会有问题，这里使用is就直接将tr...
vuejs学习：带你入门vue2.0慕课笔记
南北极之间
06-27 229
《vue全套学习教程》听课笔记
Milan_KunderLa的博客
06-26 1797
1.理清楚文件目录结构：main.js：入口文件注意：加载的视图名字与组件名字一样App.vue：第一个组件index.html:2.一个组件的组成部分：    1.&lt;template&gt;&lt;/template&gt;相当于html文件,结构层      2.&lt;script&gt;&lt;/script&gt;相当于js文件，行为层    3.&lt;style&gt;&lt;...
聊天室、websocket、socket.io、毕业设计.zip
07-27
聊天室、websocket、socket.io、毕业设计.zip
微麦电影购票小程序，分为三部分-小程序端-商家（影院）后台与官方后台.zip
最新发布
07-27
微麦电影购票小程序，分为三部分-小程序端-商家（影院）后台与官方后台.zip
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值