vue.js 入门基础

笔记来源于慕课网视频            https://www.imooc.com/learn/694   整个教程基于1.0    可能有的方法已经更新了,请注意
第一章  vue 及相关工具的介绍

  1. 课程简介和框架简介
    一个轻量级mvvm 的框架,继承了angular和react的优势(rn组件化,angular灵活的指令)等。
    vue.js 入门基础
    vue.js 入门基础
    项目大体的样子结合上边一个后缀.vue 结尾的由tempalte  script style 组成
    vue.js 入门基础
  2. 开发环境搭建和热更新
    vue.js 入门基础
    热更新
    这里指的热更新只是在本地开发时,修改代码,页面及时发声变化,相当于angular 里面的jit 编译,不是rn中的热更新。这是脚手架工具才具备的功能。
  3. 从.vue 到页面
    .vue 文件的组成
    vue.js 入门基础
    vue.js 入门基础
  4. vue组件的重要选项
    data 存放实例的数据,method 存放方法   watch 对数据进行监听
    vue.js 入门基础

    vue.js 入门基础
    vue.js 入门基础
    v-show 是通过控制其样式的display 来控制其显示或者是隐藏,在页面里其实是可以看到这个dom元素的。
    vue.js 入门基础
    vue.js 入门基础
    vue.js 入门基础
    对属性的绑定
    vue.js 入门基础
    vue.js 入门基础
  5. 学习基础框架代码
     

第二章  todolist 项目学习

  1. 使用vue 做一个todolist 1
    这里的写法没有了 el 参数,data 是个函数,但实质上是一样的,函数返回的还是一个对象,相当于在js中声名了一些属然后在html中使用。
    为什么是函数官方解释
    https://cn.vuejs.org/v2/guide/components.html#data-%E5%BF%85%E9%A1%BB%E6%98%AF%E4%B8%80%E4%B8%AA%E5%87%BD%E6%95%B0
    vue.js 入门基础
  2. 使用vue做一个todolist2
  3. 使用loacastoroage来村塾TODOlist
    vue.js 入门基础
  4. 如何划分组件
    一个后缀名为.vue 的文件就是一个组件
    至于组件在父组件怎么使用要看父组件的import 叫什么了,但是要注意的是驼峰命令法改为了-命名法。
    vue.js 入门基础
    vue.js 入门基础
    vue.js 入门基础
  5. vue组件1(父向子传参)
    父用子的时候一定要在父注册,而且用组件的时候一定是吧驼峰命令法变为用-连接的写法。
    vue.js 入门基础
    vue.js 入门基础
    vue.js 入门基础
  6. vue 组件2(子向父传参)1.0 版本

       $emit.
vue.js 入门基础
vue.js 入门基础
vue.js 入门基础
vue.js 入门基础