返回
vue文档(重点学习)

vue文档(重点学习)

ID：23772264

大小：1.27 MB

页数：95页

时间：2018-11-10

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

《vue文档(重点学习)》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

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

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

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

3、iv>

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

4、le>演示Vue

//1.创建一个组

5、件构造器 varcomponent1=Vue.extend({ template:'

helloworld
' }); //2.注册组件，并指定组件的标签为 Vue.component('component1',component1); //3.实例化组件container1 newVue({ el:'#container1' }); //3.实例化组件container2 ~~~newVue({ el:'#container2' }); //不实例化container3因此第三个自定义

6、标签是不会生效的 最终代码被渲染成为如下：

helloworld
helloworld
3.理解Vue全局注册和局部注册调用Vue.component()注册组件时，组件的注册是全局的，如果想要使用组件的局部注册的话，可以用选项对象的components属性实现局部注册。如下代码：中间就把第二步注册组件哪项移到实例化组件里面来了；如下代码：

7、html> 演示Vue

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

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

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

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

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