| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 2411 人关注过本帖
标题:关于 Vue 的问题。。。
只看楼主 加入收藏
Apple_wx
Rank: 1
等 级:新手上路
帖 子:7
专家分:0
注 册:2017-5-11
结帖率:100%
收藏
 问题点数:0 回复次数:0 
关于 Vue 的问题。。。
请问各位大神,Vue到底是怎么用的  在用之前需要安装什么吗?我写了代码   报Vue找不到怎么回事?

<!DOCTYPE html>
<html xmlns="http://www.
    xmlns:th="http://www.
    xmlns:sec="http://www.
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no" charset="utf-8" />
<title>home</title>
<link th:href="@{/resources/bootstrap/3.3.7/css/bootstrap.css}" type="text/css" rel="stylesheet" />
<script th:src="@{/resources/vue/2.1.3/vue.js}" type="text/javascript"></script>
<script th:src="@{/resources/vue/2.1.3/vue.js}" type="text/javascript"></script>
</head>
<body>
    <div id="app">
        <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
    </div>

<script type="text/javascript">
    var Main = {
    data() {
      return {
        data: [{
          label: '一级 1',
          children: [{
            label: '二级 1-1'
          }]
        }, {
          label: '一级 2',
          children: [{
            label: '二级 2-1',
          }, {
            label: '二级 2-2'
          }]
        }, {
          label: '一级 3',
          children: [{
            label: '二级 3-1',
          }, {
            label: '二级 3-2'
          }]
        }],
        defaultProps: {
          children: 'children',
          label: 'label'
        }
      };
    },
    methods: {
      handleNodeClick(data) {
        console.log(data);
      }
    }
  };
   
    var vm = new Vue();
    var Ctor = vm.extend(Main)
    new Ctor().$mount('#app')
</script>
</body>
</html>
搜索更多相关主题的帖子: title content 
2017-06-19 14:52
快速回复:关于 Vue 的问题。。。
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.084961 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved