vue文档(重点学习)

vue文档(重点学习)

ID:25867098

大小:1.15 MB

页数:95页

时间:2018-11-23

vue文档(重点学习)_第1页
vue文档(重点学习)_第2页
vue文档(重点学习)_第3页
vue文档(重点学习)_第4页
vue文档(重点学习)_第5页
资源描述:

《vue文档(重点学习)》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、Vue第一天1.vue组件注册步骤1.Vue.js的组件有三个步骤:创建组件构造器(Vue.extend()方法),注册组件(Vue.component())和实例化组件。 演示Vue

2、ttype="text/javascript"> //1.创建一个组件构造器 varcomponent1=Vue.extend({ template:'

helloworld
' }); //2.注册组件,并指定组件的标签为 Vue.component('component1',component1); //3.实例化组件 newVue({ el:'#container' }); 浏览器编译后html结构会变为 

3、vid="container">

helloworld
页面运行显示为 helloworld第95页2.理解组件的创建和注册。2-1Vue.extend()是Vue构造器的扩展,调用Vue.extend()创建的是一个组件构造器,该构造器有一个选项对象,选项对象的template属性用于定义组件要渲染的html。2-2Vue.component()是注册组件,需要2个参数,第一个参数是自定义组件的标签,第二个参数是组件的构造器。2-3组件需要挂载到某个Vue的实

4、例下,否则不生效。如下实例: 演示Vue

5、 //1.创建一个组件构造器 varcomponent1=Vue.extend({ template:'

helloworld
' }); //2.注册组件,并指定组件的标签为 Vue.component('component1',component1); //3.实例化组件container1 newVue({ el:'#con

6、tainer1' }); //3.实例化组件container2 第95页newVue({ el:'#container2' }); //不实例化container3因此第三个自定义标签是不会生效的 最终代码被渲染成为如下:

helloworld
helloworld
3.理解Vue全局注册和局部注册调用Vue.compo

7、nent()注册组件时,组件的注册是全局的,如果想要使用组件的局部注册的话,可以用选项对象的components属性实现局部注册。如下代码:中间就把第二步注册组件哪项移到实例化组件里面来了;如下代码: 演示Vue //1.创建一个组件构造器 varcomponent1=Vue.extend({ template:'

helloworld
' }); //3.实例化组件container1 newVue({ el

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。