通过vue和element-ui框架写前台

首先我们运维一般写web界面很多都会使用bootstrp,jquery。现在vue其以简单,不用直接操作dom,深受广大非前端爱好者的喜欢,前端只用写界面,后台关注界面就可以了,实现前后台分离

**

flask如何引入vue.js和element-ui框架

**

在head块引入
	<head>
		<meta charset="utf-8">
		<title>xxxx</title>
		 <link rel="stylesheet" href="/static/lib/element-ui/css/index.css">
        
		 <script src="/static/js/vue.js"></script>
		 <script src="/static/lib/element-ui/js/index.js"></script>
		<script src="/static/js/axios.min.js"></script>
	</head>
特别注意: element-ui字体库要放在lib/element-ui/css目录下面
<el-table
    :data="tableData"
	 border
    size="mini" style="width:99%" >
	 <el-table-column type="String" label="tips" prop="tips" width="580" align="center">
          <template slot-scope="scope">
                <p v-html='scope.row.tips'></p>
            </template>
        </el-table-column>
表格使用html语言

你可能感兴趣的:(python,web)