前端脚本应用开发 学习笔记

一、Vue.js开发基础

1.插值语法：{{变量名}}

2.v-clovk：当网速很慢时,解决出现闪烁。

3.v-once：静态内容。（v-once所定义的元素或组件只会渲染一次，首次渲染后，不再随着数据的改变而重新渲染。）

4.v-text：<元素 v-text=“。。。”>xxxxx</元素>。（代替xxxx的内容。）

5.v-html：v-text功能+可以识别html标签。

6.v-show：控制元素的隐藏显示。

7.v-if：控制元素的隐藏显示，可搭配else if和else使用。

（与上者对比：–v-show 采用display:none方式隐藏元素，不改变DOM树，效率高！

                       –v-if 采用添加删除元素方式控制元素显示隐藏，可能频繁修改DOM树，效率低！）

8.v-bind：class属性绑定。(注意：v-bind可省略)

        例如：v-bind:class="sex"

9.v-model：input输入内容与变量a，双向绑定。

        例如：<input v-model="a">

10.console.log():控制台输出。

二、计算属性与侦听器

1.computer和methods的区别：

computer：定义的属性在第一次访问时进行计算，以后再次访问时不计算，而直接返回上次计算的结果。

methods：每次调用都会计算。

2.侦听器：

三、事件处理

1.v-on：绑定事件