Vue小例子-todolist功能开发

1、最简单的todolist





  
  
  Document
  



  
  • { {item}}

2、todolist组件拆分

①:局部组件





  
  
  Document
  



  

②:全局组件拆分





  
  
  Document
  



  

3、组件与实例的关系

①:每个组件都是vue的一个实例(任何一个vue项目都是由千千万万实例组成的)





  
  
  Document
  



  

4、todolist的删除功能

父组件向子组件传递值(通过属性传值)

子组件向父组件传值(子组件向父组件发送emit模式,父组件监听这个子组件)





  
  
  Document
  



  

Vue-cli的简介与使用

①npm install -g cnpm --registry=https://registry.npm.taobao.org

②vue init webpack todolist

③ cd todolist

④cnpm instal

 

全局样式和局部央视:scoped控制局部作用域

你可能感兴趣的:(WEB前端,vue)