Vuejs 挂载点模板实例和实例中的数据，事件和方法

admin · 发表于 2019-8-6 15:53:51

请使用QQ关联注册PLM之家，学习更多关于内容，更多精彩原创视频供你学习！

您需要登录才可以下载或查看，没有账号？注册

×

Vuejs 挂载点模板实例和实例中的数据，事件和方法

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue start</title>
<script src="./vue.js"></script>
</head>

<body>
<div id="root">{{message}}
      <h1 @click="changeword()">hello {{word}}</h1>
      {{number}}
      <h1 v-text="number"></h1>
      <h1 v-html="content"></h1>
</div>
<script>
      new Vue({
         el: "#root",
         // template:"<h1>template can be here<h1>",
         data: {
            message: 'hello world',
            word:'plmhome',
            number: 123,
            content:"<h2>hello world<h2>"
         },
         methods: {
            changeword(){
               this.word = "plmhome.com" //change the word
            }
         }
      })
</script>

</body>

</html>

[前端框架] Vuejs 挂载点 模板 实例和实例中的数据，事件和方法

请使用QQ关联注册PLM之家，学习更多关于内容，更多精彩原创视频供你学习！

[前端框架] Vuejs 挂载点模板实例和实例中的数据，事件和方法