天理科协前端日常7

开始学vue。

Vue.config.productionTip = false.阻止vue在启动时产生提示。

el就是element，el指定当前vue实例为哪个容器服务。el：后面的值通常为css选择器字符串

class的话用点. id的话用# 。。。。el：‘#id’

当然也可以el=document.getElementById(' ');省了他自己找，但是不够精简。

{{ }}两组花括号可以使用data中的数据。

new Vue（{内容}）

一个vue只能服务一个容器（如果有多个容器，只服务第一个）（如果有多个vue修饰同一个容器，则会报错）。

vue中定义了可以用，没定义用{{}}会报错

若果用{{1+1}}会得到{{2}}；

.toUpperCase()可以把小写字母变成大写字母。

vue中v-

v-bind： 绑定 vue会把后面等于的东西当作表达式 她可简写为一个冒号：

vue模板有两大语法：1.插值语法2.指令语法

1.{{XXX}} XXX为表达式，用于解析标签体内容

2.v-blind，v-if，v-。。。。。系列，用于解析标签（标签体内容，绑定事件等等。。。）

Date.now当前时间时间戳。

v-bind是单向绑定，它可以改变别人，别人改变不了他

v-model是双向绑定，它可以改变别人，别人也可以改变他

v-model：value可以简写成v-model，因为v-model只能作用于value。

el的另一种表达：v.$mount（‘’）；

setTimeOut：（（）=>{v.$mount（‘’）},1000）;可实现1秒后操作。

data有两种形式：1.对象式    2.函数式

1.data：{jlfasjdlfajslf}

2.data:function(){return{name:'f's'f's'f'}}

mvvm模型view   viewmodel    model

vm是vue实例的简称

数据代理

object.defineProperty定义属性

object.defineProperty（变量，属性，{各种属性value src}）可以添加属性。

但是添加的属性默认不可枚举（false），须要在第三个里面添加enumerbal：true；

但是添加的属性默认不可修改（false），须在第三个里面添加writable：true；

但是添加的属性默认不可删除（false），须在第三个里面添加configurable：true；

第三个里面也可以添加这些：

get（）{return 变量或数}能够读取到属性。getter

set（）{}能修改属性。setter0

vm._data=data

v-on:click===@click

@click="demo"  @click="demo($event)"  两者效果一样，但是后者可以传参。

<button @click="aaa(66,$event)">fjlsd</button>这样可以在传递参数的同时，保留event功能。

methods不要使用箭头函数，否则this就是windows了（（methods:()=>{}））

@click.prevent可以阻止跳转网页。

@click。once指触发一次。

@scroll=“变量”    @wheel  有区别不太一样奥

passive无需等待时间回调执行完毕。

这周安装调试花了很多时间，下周努力去学vue！！！