vue @click 同时调两个方法_Vue 两个版本的区别和使用方法

两个版本对应的文件名

就是vue的完整版和非完整版

  • vue.js
  • vue.runtime.js

建议去用BootCDN的。

地址:

vue (v2.6.11) - Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。​www.bootcdn.cn

区别

1f1d62f5b1f9b440de9a60cde97c3783.png

template 和 render 怎么用

vue完整版template的使用,直接写到html里面,或者javascript里面

<template>
  <div id="app">
    {{n}}
    <button @click="add">+1</button>
  </div>
</template>

vue非完整版只能写到render里面

render(h){
  return h('div',[this.n,h('button',{on:{click:this.add}},'+1')])
},

如何用 http://codesandbox.io 写 Vue 代码

Online IDE for Rapid Web Development​codesandbox.io
122f7f5d0ba42dd913508ba94776fc8c.png

c6f84e8c3fb2d8931f8cb15201cb44b3.png

8f5bf85fc85d3f5fb5e0b903f1f45f04.png

a0b6f29cc99c2c4c76a883f8c1d97947.png

这样子就可以在上面写代码了。


版权声明:本文为weixin_39720662原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。