VUE实例

Posted 2021-01-19 xuyxbiubiu

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了VUE实例相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue实例</title>
    <script src="./vue.js"></script>
</head>
<body>
    <div id="root">
        <div @click="handleClick">
        {{message}}
        </div>
        <item></item>
    </div>
    <script>
        Vue.component(‘item‘,{
           template:‘<div>你好 世界</div>‘
        });


        var vm = new Vue({
          el:‘#root‘,
          data:{
              message:‘hello world‘
          },
            methods:{
              handleClick:function () {
                  alert("hello world")
              }
            }
        })
    </script>
</body>
</html>

以上是关于VUE实例的主要内容，如果未能解决你的问题，请参考以下文章

VSCode自定义代码片段1——vue主模板

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段(vue主模板)

VSCode自定义代码片段11——vue路由的配置