vue 重新挂载路由_Vue.js 技术解析

何为构造器对于Vue.js 项目来说,每个应用的起步都需要使用Vue.js的构造器函数创建一个根实例,如下// 逻辑部分代码,建立Vue实例var vm = new Vue({ // 选项})在实例化Vue.js 的时候,需要传入一个选项对象,它包含数据模板,挂载元素,方法和生命周期钩子等选项,全部的选项可以在api中查看。对于已经创建的相关的构造器,可以扩展为其他构...
摘要由CSDN通过智能技术生成
7465127caea68918089f6f8064625471.png      

何为构造器

对于Vue.js 项目来说,每个应用的起步都需要使用Vue.js的构造器函数创建一个根实例,如下

// 逻辑部分代码,建立Vue实例var vm = new Vue({
        // 选项})

在实例化Vue.js 的时候,需要传入一个选项对象,它包含数据模板,挂载元素,方法和生命周期钩子等选项,全部的选项可以在api中查看。

对于已经创建的相关的构造器,可以扩展为其他构造器,相当于对某一构造器的继承,从而达到可复用组件构造器的目的,代码如下

var MyComponent = Vue.extend({
    })// 所有的 MyComponent 实例都将会以预定义的扩展选项被创建var MyComponentInstance = new MyComponent()

实例属性和方法

每个Vue实例在被创建的时候,都需要经过一系列的初始化的过程,而在初始化的过程中,加入一些data属性,即表示此实例的一些响应事件或者数据属性等,例如,需要设置数据监听,编译模板,和挂载实例到DOM

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值