-
什么是Vue.js
Vue.js是一套开发web页面的js脚本框架。 -
认识vue.js
-
条件与循环（v-if , v-for）
v-if 条件判断式，根据表达式的真伪进行页面处理
v-for 处理数组循环，将数据循环显示在页面上面
-
处理用户输入（v-model）
v-model 为页面输入框进行数据绑定
-
按钮事件
v-on 为页面元素绑定各种事件（keydown，keyup，click，dbclick，load）
-
组件（component）
定义页面中的局部区域块，完成页面的小功能
-
过滤器（filters）（就是Java的脚本函数）
格式化内容的输出（字母大小写，日期格式化，数字再计算）
-
计算属性（computed）
处理元数据，便于二次利用（例如货币的兑换）
-
观察属性（watch）（通俗的来讲就是观察属性的变化然后根据变化来改变对应的值）
-
设置计算属性（setter）
设置计算属性，同步更新元数据的值
-
class属性绑定（v-bind：class）
为html标记绑定class属性
-
class对象绑定
为html标记绑定样式单的对象
-
条件渲染（v-if，v-else-if，v-else）
判断vue.js的变量的值，然后执行页面渲染的逻辑。
-
元素显示（v-show）
标记是否显示html元素（注意v-show设置的标记在HTML DOM中不会消失）
15.js对象的迭代
循环js对象，把对象内容显示在页面上面
-
事件处理器
v-on:事件名=“时间的方法名”
页面元素的事件绑定（click,keyup,load等等） -
表单控件绑定（v-model之input文本框）
为表单控件元素创建双向数据绑定。（将js变量的值“快速”的设定到控件上面，然后将用户输入的内容“快速”设置回js变量）
-
表单控件之复选框
18.单选按钮
-
表单的下拉框
-
表单修饰符（lazy，number，trim）
1.lazy
用户输入内容时不做数据绑定，在控件的onchange事件中更新绑定变量
2.number
将用户输入的内容转换为数值类型，如果用户输入非数值的时候，则返回 NaN
3.trim
自动去掉用户输入的两边的空格
-
组件（component，portlet）（用到Vue.component注册的主键就是全局组件）
组件就是页面上的一小块区域内容，完成一个小的页面功能。
-
组件的局部注册使用
Vue.js的组件不仅可以单独声明注册使用，还可以在Vue实例中进行局部注册使用。
-
表行组件（使用is属性）
-
组件的数据函数
为Vue.js组件添加数据，使组件可以动态显示各种数据，注意是数据函数，不是数据属性。
-
为组件传递数据（可接受参数的组件）（数据是固定值）
-
组件之传递变量
-
组件之参数验证
-
组件：事件传递（v-on，$emit）
v-on（侦听事件）
侦听组件事件，当前组件触发事件会进行事件处理
$emit（提交事件）
触发事件，并将数据提交给事件侦听者
-
组件：slot插槽（父组件与子组件的内容传递）
slot是父组件与子组件的通讯方式，可以将父组件的内容显示在子组件中
-
组合slot
slot命名：在组件中通过多个slot进行命名，来接收父组件中的不同的数据
注意：v-html同意被攻击
vue-cli 基于webpack
webpack基于node.js
1.安装node.js
2.安装淘宝镜像（可选）
3.安装脚手架 用于构建vue项目 （cnpm install -g @vue/cli）
4.安装快速原型开发以（.vue结尾的文件）（npm install -g @vue/cli-servic-global）
如果说工作以后，公司里面使用2的版本，解决：
1）卸载以前的cli（npm uninstall vue-cli -g）
2) 安装一个桥接工具（npm install -g @vue/cli-init）
创建项目：
1）命令行工具
vue create 项目名称
2）图形化界面
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
