vue.js 入门基础
笔记来源于慕课网视频 https://www.imooc.com/learn/694 整个教程基于1.0 可能有的方法已经更新了,请注意
第一章 vue 及相关工具的介绍
- 课程简介和框架简介
一个轻量级mvvm 的框架,继承了angular和react的优势(rn组件化,angular灵活的指令)等。
项目大体的样子结合上边一个后缀.vue 结尾的由tempalte script style 组成 - 开发环境搭建和热更新
热更新
这里指的热更新只是在本地开发时,修改代码,页面及时发声变化,相当于angular 里面的jit 编译,不是rn中的热更新。这是脚手架工具才具备的功能。 - 从.vue 到页面
.vue 文件的组成 - vue组件的重要选项
data 存放实例的数据,method 存放方法 watch 对数据进行监听
v-show 是通过控制其样式的display 来控制其显示或者是隐藏,在页面里其实是可以看到这个dom元素的。
对属性的绑定 - 学习基础框架代码
第二章 todolist 项目学习
- 使用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做一个todolist2
- 使用loacastoroage来村塾TODOlist
- 如何划分组件
一个后缀名为.vue 的文件就是一个组件
至于组件在父组件怎么使用要看父组件的import 叫什么了,但是要注意的是驼峰命令法改为了-命名法。 - vue组件1(父向子传参)
父用子的时候一定要在父注册,而且用组件的时候一定是吧驼峰命令法变为用-连接的写法。 - vue 组件2(子向父传参)1.0 版本
$emit.