资料来自b站:尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通
了解:ES6语法规范
ES6模块化
包管理器(npm)
原型、原型链
数组常用方法
axios
promise
一、Vue是一套用于构建用户界面的渐进式JS框架
特点:(1)采用组件化模式,提高代码复用率,让代码更好维护
(2)声明式代码,无需操作DOM,提高开发效率
二、安装
前提: 不支持IE8及以下版本
(1)<script>标签引入vue
(2)npm安装
三、模板语法 (插值语法和v指令)
1、v-bind 绑定数据 v-bind: 可以绑定标签内任意属性 可简写为 :
(1)、 插值语法: 插值语法一般用于标签体内容得数据绑定
(2)、 v-bind:解析标签(标签属性、标签体内容、绑定事件等)
四、数据绑定
1、v-bind 数据只能从data流向页面
2、v-model 数据不仅能从data流向页面 也能从页面流向data
(v-model:双向数据绑定 使用限制:v-model必须使用在有value值的 表单类(输入类)元素中 v-model:value 可以简写为 v-model)
3、data中可以为对象 可以为函数 (组件必须用函数)不能用箭头函数 箭头函数里的this是window
五、Tips
移除数组第一个元素 arr.shift() unshift???
字符串是否包含某个字符 IndexOf() !== -1 !!!!!!( IndexOf('') = 0 字符串包含空字符串)
添加元素 arr.push()
template 条件渲染只能使用v-if 不能使用v-show
六、收集表单数据