自己的一些小筆記

2021-10-08 23:16:27 字數 2103 閱讀 7542

vue 就是乙個建構函式，生成的例項是乙個巨大的物件，可以包含資料、模板、掛載元素、方法、生命週期鉤子等選項。

所以渲染的時候，可以使用構造 vue 例項的方式來渲染相應的 html 頁面：

new vue()
那麼 export default {} 又是來幹嘛的？

這是在復用元件的時候用到的。假設我們寫了乙個單頁面元件 a 檔案，而在另乙個檔案 b 裡面需要用到它，那麼就要用 es6 的 import/export 語法 ，在檔案 a 中定義輸出介面 export **，在檔案 b 中引入 import，然後再生成乙個 vue 例項 new vue ()，把引入的元件用起來，這樣就可以復用元件 a 去配合檔案 b 生成 html 頁面了。

所以在復用元件的時候，export 和 new vue 缺一不可。

export 用來匯出模組，vue 的單檔案元件通常需要匯出乙個物件，這個物件是 vue 例項的選項物件，以便於在其它地方可以使用 import 引入。而 new vue() 相當於乙個建構函式，在入口檔案 main.js 構造根元件的同時，如果根元件還包含其它子元件，那麼 vue 會通過引入的選項物件構造其對應的 vue 例項，最終形成一棵元件樹。

export 和export default 的區別在於：export 可以匯出多個命名模組，例如：

export const str = 'hello world'


export function f(a)
對應的引入方式：

import  from 'demo1'
export default 只能匯出乙個預設模組，這個模組可以匿名，例如：

export default
對應的引入方式：

import obj from 'demo1'
引入的時候可以給這個模組取任意名字，例如 「obj」，且不需要用大括號括起來。

1.直接輸出

export let words = 'hello world!!!' 


export function output()
2.先定義再輸出

let firstwords = 'hello'


let secondwords = 'world'


let thirdwords = '!!!'


function output() 


export
1.export default 用於規定模組的預設對外介面

2.很顯然預設對外介面只能有乙個，所以 export default 在同乙個模組中只能出現一次

3.export default只能直接輸出，不能先定義再輸出。

4.其在 import 方式上也和 export 存在一定區別

(1)export的輸出與import輸入

export function output() 


import  from './example'
(2)export default的輸出與import輸入

export default function output() 


import output from './example'
從以上兩種 import 方式即可看出，export default 的 import 方式不需要使用大括號包裹。因為對於 export default 其輸出的本來就只有乙個介面，提供的是模組的預設介面，自然不需要使用大括號包裹。

存在跨域問題用token

不存在跨域用cookie和session！

前端的一些小筆記

陣列迴圈可以用for in迴圈，但如果再迴圈中需要使迴圈變數 i 時，還是需要使用常規的for迴圈。在for in迴圈中，i 並不能控制i的正常迴圈減少。在迴圈i 1以後，即使再迴圈過程中i 下一步的迴圈也會直接從i 2開始。這是在在編寫陣列去重的函式時發現的問題。剛開始使用常規for迴圈時很正常，...

除錯fpm的一些小筆記

fpm狀態下沒法生成core檔案的條件下除錯比較麻煩。1 core檔案無法生成 1 不能生成原因很多，比如不讓生成，或者線上環境，或者core檔案過大等等，anyway，就是各種不方便生成而且非要生成就得改一些引數還要重啟重新登入等等亂七八糟的原因.2 修改fpm的配置檔案，讓只生成乙個fpm子程序...

剛開始的一些小筆記

systemctl 是管 務的主要工具，它整合了chkconfig 與 service功能於一體。systemctl start x 啟動 程式或服務等 systemctl restart network 重起網絡卡 systemctl status networkmanager 檢視network...