Vue

什么是Vue

Vue.js（读音 /vjuː/, 类似于 view）是一套构建用户界面的渐进式框架。
Vue 只关注视图层，采用自底向上增量开发的设计
Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
vue学习非常简单（嘻嘻）

常用模板语法有 v-model(表单数据双向绑定)，v-if(条件渲染)，v-on(事件绑定）,v-bind(属性绑定),v-for(循环),接下来将重点记录下v-bind和v-on的一些问题

虚拟dom

真实的dom解析为：创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting
虚拟dom的好处，这就意味着你每创建一个标签，你的浏览器就会自上而下的进行一次再刷新创建，这样会使得浏览器再处理多个标签的时候影响浏览的效用，而vue基于这一点进行优化，虚拟dom存储在内存之中，再将新的修改值与旧的进行比较之后有差异则再进行修改添加，减小了修改的次数

Vue生命周期

vue每个组件都是独立的，每个组件都有一个属于它的生命周期，从一个组件创建、数据初始化、挂载、更新、销毁，这就是一个组件所谓的生命周期。在组件中具体的方法有:
beforeCreate:第一次对状态进行修改。
created：数据的初始化工作
beforeMount：可以对数据进行一次更改，但也是最后一次机会，但是无法访问到我们状态的对应节点
mounted：已经可以对数据进行访问，多用于ajax请求等问题
beforeUpdate：更新之前
updated：更新之后可以对dom进行访问，可以用来处理一些关于异步的问题
beforeDestroy：销毁之前，可以对销毁再进行一些修改
destroyed：完全销毁，新的轮回将产生
关于vue周期，也许下次会进行更多的笔记处理

过滤器

vue.filter(“自定义名字”，（回调函数/方法）=>{
return:
})
固定写法没什么好书的，就是记得一定要是return，过滤器可以进行多次级别的调用，也可以传递参数，或者一个标签里面可以多个过滤器并存

组件封装

运用脚手架以后会时常用到的一个东西
全局封装：Vue.component(“自定义属性标签名字”){
template:“这里写定义的方式”}
这样你就可以使用一个有自己定义出来的标签了，但一定要写在new.Vue的前面，组件是一个孤岛，无法访问到外部作用域，只能写到自己内部的地方，
1.组件内部可以有computend,metho,data等方法，但必须有一个返回值
随便引用一个功能的例子，人懒不想写咧子，后面看心情补充
2.组件的外层必须有一个root element也就是根组件，只能有一个，但里面可以套多个，不可并列（说白了外面必须套皮）不然有可能会出现无限刷新的问题（后面脚手架里面可能会多次遇到）
3.父子组件不能共享(脚手架里面他两可能永远见不到面，后面再说)
4.组件内部可以进行复写组件，构成父子关系（还是脚手架这东西好用，多创建个vue的事情）

局部定义组件

定义在component里面，只能给当前组件进行使用，不能在全局中进行使用，只有自己一个
调用属性的时候需要使用props[ ]固定写法来进行访问，也就是父传子
属性验证:props[ ] 是支持对数据类型来进行定义的，父传子通过属性来传，驼峰命名的话中间要加横杠
$emit可以将子组件里面的东西传递给父组件

差不多就是这些基础东西了，如有不足或错误，那肯定是上课没注意，如果文章看不懂，无所谓反正我也是写我自己看的欢迎意见，指责。

逆战关于Vue学习的一点心得相关推荐

java听课心得体会,Java初步学习的一点心得体会
从2015年9月份开始接触到java语言,一开始学习并不上心,而且一直在找自学资源,在没有大牛带的情况下,一直拖到2016年3月份,正式开启了我的java自学之路,现在的我还处在刚入门阶段,谈谈自己学 ...
小白学习深度学习的一点心得
背景我是小菜鸡球球,一所西南985学校EE专业的学生. 最近因为实验室接了一个国防项目,涉及机器学习/深度学习,头大的我开始尝试. 看了各种书,什么西瓜书花书,然后是各种视频,但是这个东西真的是很难 ...
关于 java 学习的一点心得体会
我是学信管专业的,这学期除了学习了 java 软件开发综合实验这门选修课外,还有自己本专业要学的 java 面向对象的程序设计.学习了近一学期的 java 课程,觉得是该总结自己的心得体会了.开始 ...
和孩子读书学习的一点心得
这是学习笔记的第 2386篇文章最近带着孩子做了一些实验和游戏,也总结了几个经验和技巧. #1 小步迭代,做电路实验最近带着孩子做电路实验,和上一次玩电路实验已经隔了好一段时间, 孩子应该 ...
好程序员Web前端教程分享Vue学习心得
为什么80%的码农都做不了架构师?>>> 好程序员Web前端教程分享Vue学习心得,Vue是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向 ...
Vue学习心得记录之模板语法
下面是我这半年以来总结的Vue学习笔记,帮助自己复习学习Vue的基本用法.有需要的同志可以参考下. Vue的模板语法 Vue有很简单的模板语法,这些Vue指令用来响应式改变渲染DOM可以快速入门上手这 ...
java学不下去能学web安全吗,这半年学习 Web 安全的一点心得体会
原标题:这半年学习 Web 安全的一点心得体会来自公众号: 信安之路大家好,我是 Mirror(王宇阳),专科在读的大二学生:接触信安时间不长,大佬多多指教.信安之路成长平台网站开放后我就在双十一 ...
说一点学习python的心得
本文非技术型文章,仅是一些学习python的心得.感悟,希望能帮到正在学习python的小白和小小白们. 选择合适的IDE 在这里不去争论哪一款IDE最好,只想对刚开始学习Python的同学说,请选择 ...
谈谈选用技术的原则，技术学习方法技巧，阅读代码的技巧及其它 MSF的一点心得...
谈谈技术原则,技术学习方法,代码阅读及其它(正文) 这篇文章是前一阵在水木BBS上和别人讨论中偶自己发言的摘编,是偶这几年开发过程完全经验式的总结.完全个人经验,供批判. 一.选用技术的原则比较规范 ...

逆战关于Vue学习的一点心得

Vue

虚拟dom

Vue生命周期

过滤器

组件封装

局部定义组件

逆战关于Vue学习的一点心得相关推荐

最新文章

热门文章