vue基础总结（一）

渐进式前端js框架

1.适合做前端分离的项目

2 Angular指令优势

3react组件优势

特点

1简单-入门容易

2中文文档齐全（后面vue官网）https://cn.vuejs.org/v2/guide/index.html

3生态发达

文本渲染指令

1.v-text

2.{{}}

3.v-html 可以解析html字符串

表单绑定指令

v-model

属性绑定

1.v-bind:属性名=“属性值”(eg： v-bind:title=“msg”)（html 中标签中 titile是一个属性）

2.：属性名=“属性值”（eg： ：title=“msg”）

事件绑定

解释：

1.v-on:事件名=“事件处理函数”(eg: v-on:click=“showMsg”)

2.事件处理函数methods：{ showMsg(); }

3.如果响应函数带括号默认不带 $event 事件参数

4.如响应函数不带括号默认会带$event 事件参数

5。如果带括号（$event）手动指定事件参数

6.事件绑定的简写 @click=“showMsg”

事件按键修饰符

.enter .esc

事件名

@keyup 键盘弹起 @click单击 @dblclick双击 @blur控件失去焦点

条件渲染

v-if=“表达式”当表达式为真的时候显示，为假的时候隐藏v-show=“表达式” v-show通过css方式隐藏v-if通过直接移除dom结构隐藏

创建 new Vue（）

el:#app vue的指令起作用的范围 （#app是div中一个id名）

data:{msg:""}vue 数据存放中心

methods:{}vue 方法存放中心

computed:{doneLIst(){return …}} 从现有数据计算出新的数据

watch{…} 监听数据

created() vue创建完毕

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！