1.  
  2. 主页
  3.  / 
  4. Vue2 教程
  5.  / 
  6. Vue教程之Vue实例介绍

Vue教程之Vue实例介绍

介绍

根据官方文档的说明:每个Vue应用都是通过用Vue函数创建一个新的Vue实例开始的。

Vue实例由根实例和其他的组件实例构成。

Vue教程之使用组件改造 list 实例

在vue-cli中,它的根实例则是在 src/main.js 中,如下图所示:

Vue教程之Vue实例介绍

实例演示

<!DOCTYPE html>
<html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="../vue.js"></script>
</head>
<body>
    <div id="app">
        {{ content }}
    </div>
</body>

<script>
    var data = {
        content: "hello data"
    }
    Object.freeze(data) // 冻结数据
    var vm = new Vue({
        el: "#app",
        // data: {
        //     content: "hello lanyulei"
        // },
        data: data,
    })

    // vm.$destroy() 实例的销毁
</script>

</html>
这篇文章对您有用吗?

我们要如何帮助您?

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注