0
点赞
收藏
分享

微信扫一扫

setup继续悟

祈澈菇凉 2022-03-11 阅读 95
<!DOCTYPE html>
<div id="app">
  <button @click="increment"> {{ state.count }}</button>
</div>

<script src="https://unpkg.com/vue@next"></script>
<script>
  const App = {
    //定义一个变量,名叫App,一直括到底
    //变量里开始setup()函数入口,开始变量App里的内容
    //定义变量state,一个响应式的变量,reactive()函数里套一个对象。对象的变量是count。
    //建立一个函数,名称为increment(),内容是0基础上自加,即state.count++
  
  setup() {
  const state = Vue.reactive({count:0});
  function increment() {
    state.count++;
  }

  //返回变量,return
  return {
    state,
    increment
  }
  }
  };

  //再定义app,创造一个App
  //再挂载
  const app = Vue.createApp(App);
  app.mount('#app')
</script>
举报

相关推荐

0 条评论