你應該要把 Component 的 html 寫在 JS 吧,有點像是這樣。
您好,很謝謝您對我的回答QQ,我有想過這寫法,但是我每個component裡面都還會做事情,就是也會做MVVM的事情,所以想說拆開來寫,看有沒有辦法
範例中的 Home 組件裡面也有自己的函式方法,這樣不能達到你的需求嗎?
不要浪費自己的生命好嗎? = =a
vue-cli都幫你搞好的東西...乖乖用vue-cli,html要用組件很難用。
用script引用vue的模式,我只會用在非常簡單的頁面。
回應Peter,我後來用ajax去呼叫靜態的html 回傳給router的component,目前這樣是可以讀取到靜態頁面,但是如果在test.html裡面做script就會造成網頁整個當機,目前還在嘗試解決這問題。
runFun();
var Home;
async function runFun() {
await getPage();
await router();
}
function getPage() {
console.log("getPage");
$.ajax({
'async': false,
'type': 'GET',
'global':false,
url: "/Views/test/test.html"
}).done(function (data) {
Home = data;
});
}
function router() {
console.log("router");
console.log(Home);
const About = { template: '<div>About</div>' }
console.log(About);
const Test = { template: Home }
console.log(Test);
const routes = [
{ path: '/', component: Test },
{ path: '/about', component: About },
]
回應force,我也很不想這樣做,我也想乖乖用cli,但是被要求就是這樣,所以我無能為力。
n1056444
如果是這樣我也沒輒了 XDDD
看你能不能說服要求你的人改用 Vue-cli ,因為你的情況沒道理不去用他...