需要安装才能使用
- 使用前导入vue.js文件
- 安装vuedetools的安装,chrome扩展这个文件固定安装到一个位置---》使用三个点,更多工具,扩展程序,开发者模式勾选,加载已解压的扩展程序,选择chrome扩展,确定
创建代码段vh(每次都要创建模板太繁琐)
-
data 中的数值不带"" ,字符串需要有
-
mvc 和mvvm区别
- mvc后台开发概念
- mvvm前端开发概念只考虑前端页面 vm是调度者 vm双向数据绑定
-
vue基本代码的结构
-
绑定后要将代码放入绑定的div中去
-
指令 插值表达式、v-cloak、v-text、v-html、v-bind(:)、v-on(@)、v-model、v-if、v-show、v-for
-
事件修饰符.stop、.prevent、.capture、.self、.once
-
el属性 指定要控制的区域
-
data 是个对象,致电给控制区域内需要的数据
-
methods 是一个对象,定义了自己的方法,可以自定义
-
在vm实例中,如果要访问data上的数据,或者方法必须要带this
-
在v-for中会使用:key属性,只接受string和number类型
-
v-model只能应用于表单元素
-
在vue中绑定样式v-bind:class,v-bind:style
-
v-if切换消耗,v-show渲染消耗
-
文本框获取焦点
-
尽量不要用jquery
-
v-for 的循环表达式的操作 v-text注意不要有插值表达式
-
form-inline类属性,表单放一行
-
使用事件绑定机制,如果加入小括号说明可以传参数
-
在some方法中return true ,就会立即终止这个数组的后续循环
-
findIndex也是查找相关的对应的,新方法查找索引,需要传回调函数
-
数组的新方法,对数组遍历 forEach---可以终止,some---return true终止,filter----过滤查询到返回条件的过滤,findIndex ----找到对应项的索引