美文网首页
vue.js开发前必备

vue.js开发前必备

作者: _4867 | 来源:发表于2018-12-13 08:13 被阅读0次

经过这几天自己初步学习vue基础的知识,想和大家分享一下自己,毕竟是小白,希望大家可以多多指教

首先vue基础从大的模块上来讲就是 ,vue一些自带的指令,一些组件的应用,然后是路由规则,等

1.指令首先可能会想到v-show,v-if,v-else,v-html,v-text,v-bind,v-on,v-model,v-for.

出现频率最高的就是我想可能就是这些指令了(个人认为),然后在说一下上面的组件有什么区别

v-show&v-if: v-show其实的原理其实就是display:none/block,v-if的原理就是append/remove,插入或者移除

v-if&v-else:必须和v-if相邻的元素

v-html&v-text:v-html浏览器会将其标签解析进行输出,v-text会输出纯文本,

v-bind&v-on: 前者给属性赋值,后者给数据绑定事件。:属性名&@事件名 为他们的简写

v-bind&v-model:数据的单双向绑定,v-model只能作用到有value属性的标签或者组建内,

v-for:如果循环的是一个对象的话那么有(item,key,value),数组有(index,item)

写到这里想突然想给大家补充一个大家都知道的东西,哈哈

就是每个组件都具有根属性options(如下图)

接下来给大家想说的是props,不知道有没有感觉有点跳跃性;

父组件向子组件传递的用props

1.首相通过 v-bind给元素赋值

2,data里面给他写数据

3,在自组件中接收props:[属性名];之后在子组件中直接渲染一下就可以拿到{{传递的数据}};

大家在写父子组件的时候有三句简单的话

1.生出子----》首先写一个子组件

2.声明子----》在component里面声明一下 key组建名:value组件对象

3.使用子----》然后在tempale中使用他

3.注册全局组件(减少冗余代码)

Vue.component('组件名',‘组件对象’);

先说到这里把,明天继续分享关于,过滤器(公有,私有),监视(一般监听,深度监听),copmputed,slot使用,生命周期等

有什么不足的地方希望大家提出来,接受任何批评指责,

大家共同进步

相关文章

网友评论

      本文标题:vue.js开发前必备

      本文链接:https://www.haomeiwen.com/subject/ghamhqtx.html