day01

使用node 等

首先打开终端

cd vue下

输入 cnpm run dev显示大v图形

webstrom 打开vue 

新建vue文件

含有template script  style三个标签

在第一个标签中写入html标签代码等

在第二个标签中写入js语句

在第三个标签中写入css样式

写完语句后打开index.js

复制其内容将文件名改成自己的文件名,

path为打开'/加后名'

核心:数据驱动视图

脚手架使用

vue指令

插值表达式

v-text 

v-html

以上两个命令都是渲染文本的但是v-html能够识别html标签并解析

v-bind(未知)

v-on(设置点击事件)

v-on:绑定事件 (可以用@代替)写要触发的函数时必须先写与data()函数同级的methods()函数

分为鼠标事件(点击事件 鼠标click移入mouseover移出mouseout)和键盘事件

key up

key.enter(按回车才可以)

可以传参 参数卸载函数名的()内

v-if(判断语句)有 v-else-if     v-else

v-model双向绑定

v-for 

循环数组

循环对象

循环数组对象

写入值用两个大括号

 

事件修饰符

.stop阻止冒泡排序(如果一个div中包含一个div标签,点击内标签会将两个标签内容一起出现.stop就是阻止点击内标签出来外标签的值)

.once只触发一次(只有点击第一次标签才会有效果,别的时候无效)

.prevent阻止默认事件(就比如超链接(a)标签自带跳转功能,.prevent就是阻止跳转只显示标签中的内容)

.capture 放到修饰谁那里就先触发谁(在哪里谁就先触发)

.self 触发自身先点击自身才会有效果(只有先点自己才会显示效果,如果先点击别的则会失去第二个点击效果)