提高学习效率是首要任务
一.vue入门
1.component:定义页面的局部区域块,完成单独页面的小功能
2.filter:过滤器,格式化变量内容的输出(日期,百分号,变大写)
3.computed:计算属性.
与methods区别: 计算属性是基于它们的依赖进行缓存的。只在相关依赖发生改变时它们才会重新求值。这就意味着只要 message 还没有发生改变，多次访问 reversedMessage 计算属性会立即返回之前的计算结果，而不必再次执行函数。
4.watch:观察属性,观察到变量变化后再做处理,初始化以后设值可视为改变
5.set 设置计算属性,同步更新元数据
6.v-bond:属性和对象绑定
7.v-show="result" 标记是否显示html元素,result为boolean属性(v-show在html DOM树中)
8.v-for循环
9.v-on:事件处理器
10.v-model:表单绑定. v-model 为表单控件元素创建双向数据绑定(将js变量的值绑定到控件,再将用户输入绑定到js变量上)
text,radio,checkbox,select等
v-model修饰符:
.lazy 用户输入时不做处理,在控件的onchange事件中更新变量
.number 输入内容转为数值型,非数值返回NaN
.trim 自动去除输入内容两端的空格
11. 组件的全局注册和局部注册
Vue.component("name", {template:''})
12.表行组件
13.组件的数据一定要用函数的形式返回
14.为组件传递数据/变量 props
15组件的参数验证
16.slot插槽:父组件与子组件的通讯方式,可以将父组件的内容显示在子组件中
17.Object.freeze()，这会阻止修改现有的属性，也意味着响应系统无法再追踪变化
18.vue框架
vue-router 路由框架
cli vue.js命令行方式的使用和开发
vuex 状态管理
transition 动画效果
webpack目录结构 开发
build/ 编译的目录结构 发布
config/ 设置
src/ 源代码
static/ 静态目录 图片 css
test/测试目录
.babelrc ES6
package.json nodejs包管理的设置文件
npm run dev 运行
npm run build 打包
npm run unit 测试单元
pre-processors 预处理
19.vue文件对应关系
.vue文件
<template> <script> <style>
html js css
<template>部分 html包裹
export default{} 代码写在这里面