vue2.0 vue.extend()的拓展
Posted 鱼樱、、
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue2.0 vue.extend()的拓展相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script type="text/javascript" src="vue2.2.js"></script> <title>vue.extend-扩展实例构造器</title> </head> <body> <h1>vue.extend-扩展实例构造器</h1> <task></task> <script type="text/javascript"> var task = Vue.extend({ template: "<p><a :href=‘taskUrl‘>{{myName}}</a></p>", data: function() { return { myName: ‘baidu‘, taskUrl: ‘http://www.baidu.com‘ } } }); new task().$mount(‘task‘); </script> </body> </html>
还可以通过HTML标签上的id或者class来生成扩展实例构造器，Vue.extend里的代码是一样的，只是在挂载的时候，我们用类似jquery的选择器的方法，来进行挂载就可以了。
以上是关于vue2.0 vue.extend()的拓展的主要内容，如果未能解决你的问题，请参考以下文章