vue js部分与template 如何分成两部分

Question

vue js部分与template 如何分成两部分

把js放在一个文件中引入template文件中

vue 文件分为3个部分，我想把他们放在不同的部分.最后让css与js部分引入到templates所在的文件中。

Answer 1

https://segmentfault.com/q/10...

Answer 2

我是这样做的（我没有用脚手架，直接引用的vue.js），比如我要定义一个user-list(用户列表组件），先将html写在userList.html文件中，然后将js代码写在userList.js文件中，在js文件中通过axios将html内容异步加载进来作为组件的template字符串.这样就完美的实现了html和js文件分离。
userList.html文件如下：
<div>
<el-button @click="handleAddClick">添加新用户</el-button>
<el-table :data="tableData" stripe style="width: 100%;border:1px">

<el-table-column v-for="(item,index) in Titles" :key="index" :prop="item" :label="item" width="240">        </el-table-column>
<el-table-column fixed="right" label="操作" width="360">
    <template slot-scope="scope">
        <el-button @click="handleViewClick(scope.row)" type="text" size="small">查看</el-button>
        <el-button @click="handleEditClick(scope.row)" type="text" size="small">编辑</el-button>
        <el-button @click="handleDelClick(scope.row)" type="text" size="small">删除</el-button>
    </template>
</el-table-column>

</el-table>
</div>

userList.js文件关键部份摘录如下：

var resp = await axios.get("/authority/userList.html");
var htmlStr = resp.data;

Vue.component('user-list',
{

template: htmlStr,
data()
{
...
},
methods:
{
...
},
})