vue.js开发前必备

经过这几天自己初步学习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 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,460评论 0 29
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 6,653评论 0 6
  • # 传智播客vue 学习## 1. 什么是 Vue.js* Vue 开发手机 APP 需要借助于 Weex* Vu...
    再见天才阅读 9,041评论 0 6
  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 12,016评论 0 25
  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 13,790评论 4 129