在使用Vue.js时,可以使用Vue.extend()方法创建一个子类,传入参数包含了一个对象。其中,在extend中的data和vue实例化对象中的data写法不一样。下面利用实例说明,操作如下:

Vue.js中的extend绑定节点并显示的方法

第一步,创建一个静态页面并引入vue.js文件,并在主体元素标签中插入一个div,设置id属性,如下图所示:

Vue.js中的extend绑定节点并显示的方法

第二步,在<script></script>标签中调用Vue.extend(),设置template和data,如下图所示:

Vue.js中的extend绑定节点并显示的方法

第三步,使用new关键字调用$mount(),将创建的类挂载到div元素上,如下图所示:

Vue.js中的extend绑定节点并显示的方法

Vue.js中的extend绑定节点并显示的方法

第四步,为了显示变量的字体等样式,需要添加相关的样式属性,这里使用:class,如下图所示:

Vue.js中的extend绑定节点并显示的方法

第五步,保存代码并打开浏览器预览界面效果,可是控制台出现了错误警告,如下图所示:

Vue.js中的extend绑定节点并显示的方法

第六步,调整template标签属性嵌套,去掉多层标签元素,只留一个div标签;class前面的:去掉,如下图所示:

Vue.js中的extend绑定节点并显示的方法

广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!

稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!

昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。

这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。

而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?