Vue.js生成一个Vue实例

初始化一个Vue实例，控制id为app1的区域:

 

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <style media="screen">
      *{
        margin:0;
        padding: 0;
      }

    </style>
    <script src="./js/vue.js"></script>
  </head>
  <body>
    <div id="app1">我是app1控制的区域

    </div>


    <script type="text/javascript">

      //这里可以注册全局的 组件，指令，过滤器...

      let vue1 = new Vue({
        el:'#app1',
        data:{
          //注意自定义组件时，写法不同，是以函数的方式返回
        },
        methods:{
        },
        computed:{
          //计算属性的特点就是 只要返回结果没有发生变化 那么就只会被执行一次
        },
        components:{
          //自定义局部组件
        }
        filters:{
          //自定义局部过滤器
        }
        directives:{
          //自定义局部指令
        }
      })

    </script>
  </body>
</html>

 

posted @ 2020-09-08 17:00  liuw_flexi  阅读(297)  评论(0)  编辑  收藏  举报