亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

手機(jī)QQ瀏覽器不支持vue.js對(duì)象參數(shù)縮寫

piapia / 1210人閱讀

摘要：最近正要用寫個(gè)頁面，非模塊化開發(fā)，直接在頁面引入和，在顯示好好的，小米自帶的瀏覽器也是正常的，然后到了手機(jī)瀏覽器就出問題了。官方文檔寫著可以用縮寫形式只寫，然后在手瀏覽器是不行的，必須的形式存在。

最近正要用vue.js寫個(gè)頁面，非模塊化開發(fā)，直接在頁面script引入vue.js和vue-router.js，在 chrome 顯示好好的，小米自帶的瀏覽器也是正常的，然后到了手機(jī)QQ瀏覽器就出問題了。

官方文檔：https://router.vuejs.org/zh-c...

官方示例修改

html






  
Hello App!

  

    
    
    
    Go to Foo
    Go to Bar

javascript

// 1. 定義（路由）組件。
// 這里把 template 放到了 html 里去，用 script 標(biāo)簽存放著，調(diào)用的時(shí)候用 #{id}，.{class}我沒試過，不知道行不行
const Foo = { template: "#foo" };
const Bar = { template: "#bar" };

// 2. 定義路由
// 從上一個(gè)就應(yīng)該開始注意了，const 語句后面要加分號(hào)“;”
const routes = [
  { path: "/foo", component: Foo },
  { path: "/bar", component: Bar }
];

// 3. 創(chuàng)建 router 實(shí)例，然后傳 `routes` 配置
// 你還可以傳別的配置參數(shù), 不過先這么簡(jiǎn)單著吧。
const router = new VueRouter({
  routes: routes // 官方文檔寫著可以用縮寫形式只寫 routes，然后在手Q瀏覽器是不行的，必須 key: value 的形式存在。
})

// 4. 創(chuàng)建和掛載根實(shí)例。
// 記得要通過 router 配置參數(shù)注入路由，
// 從而讓整個(gè)應(yīng)用都有路由功能
const app = new Vue({
  router: router    // 這里同樣是必須 key: value 形式，不然運(yùn)行不起來
}).$mount("#app");

// 現(xiàn)在，應(yīng)用已經(jīng)啟動(dòng)了！
在 html 里寫模板

使用 const Foo = { template: "

foo
" } 這種在 script 里寫模板 html 很不方便，特別是內(nèi)容比較多的時(shí)候，遇到換行還會(huì)報(bào)錯(cuò)，要行全寫一行，要么是用 + 號(hào)連接起來。

也是在 vuejs的組件中該如何引用一個(gè)html模板而不是片段? 上看到 @dososo 指點(diǎn)的方法，果然很贊！

經(jīng)過上面的一番改造，終于可以兼容手Q瀏覽器了~

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/82737.html

相關(guān)文章

  • vue2實(shí)踐（持續(xù)更新）

    摘要：記錄一些小技巧和踩過的坑由于本篇文章內(nèi)容太多，導(dǎo)致編輯器有點(diǎn)卡，所以新開辟了一篇實(shí)踐二，后續(xù)再這里更新。組件的生命周期函數(shù)是在標(biāo)簽里的數(shù)據(jù)發(fā)生變化時(shí)候觸發(fā)數(shù)據(jù)可能更新了，但是沒有綁定到上面的話，不會(huì)調(diào)用鉤子函數(shù)。 記錄一些小技巧和踩過的坑 由于本篇文章內(nèi)容太多，導(dǎo)致SF編輯器有點(diǎn)卡，所以新開辟了一篇 vue2實(shí)踐（二），后續(xù)再這里更新。 1. props 帶不帶冒號(hào)的區(qū)別 ...

    n7then 評(píng)論0 收藏0

  • vue.js快速入門

    摘要：的核心庫只關(guān)注視圖層，并且非常容易學(xué)習(xí)，同時(shí)擁有非常容易上手的中英文都有提供快速入門準(zhǔn)備地址地址沒錯(cuò)就只需要這兩個(gè)就可以開發(fā)了是核心文件，在這里只是為了提高開發(fā)效率而引用的，是可選的。專門存儲(chǔ)一些數(shù)據(jù)的屬性，數(shù)據(jù)一定是對(duì)象格式。 **關(guān)于前陣子的文章錯(cuò)誤有點(diǎn)多所以從新修改了并添加了一些在官方腳手架vue-cli開發(fā)時(shí)需要注意的事項(xiàng)，Vue.js是一個(gè)輕巧、高性能、可組件化的MVVM庫。...

    dantezhao 評(píng)論0 收藏0

  • Vue.js-開篇

    摘要：掛載成功后，可以通過訪問該元素。選項(xiàng)用于聲明應(yīng)用內(nèi)需要雙向綁定的數(shù)據(jù)。主要解綁一些使用監(jiān)聽的事件等。指令事件指令是模板中最常用的一項(xiàng)功能，它帶有前綴。指令的主要職責(zé)就是當(dāng)其表達(dá)式的值改變時(shí)，相應(yīng)地將某些行為應(yīng)用到上。 學(xué)習(xí)筆記：Vue.js基礎(chǔ)知識(shí) 基礎(chǔ)知識(shí) 構(gòu)造函數(shù)Vue的根實(shí)例new Vue({})，并啟動(dòng)Vue應(yīng)用。 var app = Vue({ el: #app, ...

    leejan97 評(píng)論0 收藏0

  • VUE.js第三課模板語法

    摘要：模板語法使用了基于的模版語法，允許開發(fā)者聲明式地將綁定至底層實(shí)例的數(shù)據(jù)。的核心是一個(gè)允許你采用簡(jiǎn)潔的模板語法來聲明式的將數(shù)據(jù)渲染進(jìn)的系統(tǒng)。指令用于在表達(dá)式的值改變時(shí)，將某些行為應(yīng)用到上。 Vue.js 模板語法 Vue.js 使用了基于 HTML 的模版語法，允許開發(fā)者聲明式地將 DOM 綁定至底層 Vue 實(shí)例的數(shù)據(jù)。 Vue.js 的核心是一個(gè)允許你采用簡(jiǎn)潔的模板語法來聲明式的將數(shù)...

    lx1036 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<