Vue笔记2:组件

最原始组件的调用

//声明入口组件  组件的首字母大写
var App = {
  template:'

我是入口组件

', methos:{ //....... } }; //只有在new Vue中,才能使用单标签的组件 new Vue({ el:'#app', components:{ //声明要用的组件们 //key 是组件名,value是组件对象 app:App }, template:''//入口组件 }); 总结:1,生出子,声明子,使用子

建建组件的几种方式

//函数调用的方式创建组件
var MyBody = Vue.extend({
  template:'
我是中部
' }); //方式二:语法糖 var MyBody = { template:'
我是中部
' }

父组件向子组件传递数据

image.png



    父向子传递数据


    
  • node_modules/vue/dist 文件夹里js说明
    image.png

复习

image.png
image.png

nodejs KOA框架 mp3文件 快进功能,需要setHeader 头部给浏览器


image.png

你可能感兴趣的:(Vue笔记2:组件)