2.27&2.28工作总结

提高学习效率是首要任务

一.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{} 代码写在这里面