经过这几天自己初步学习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使用,生命周期等
有什么不足的地方希望大家提出来,接受任何批评指责,
大家共同进步
网友评论