2020 12 07 Vue 三種基本的使用的辦法

2021-10-11 13:51:37 字數 1878 閱讀 1522

1.直接引入cdn

""

>

<

/script>

2.書寫你的內容

"mas"

>

}<

/div>

//花括號來取值

newvue(}

)<

/script>

<

/body>

3.效果圖

cnpm install @vue/cli -g

接下來讓你選擇一些預設要生成的工具,不管直接回車

啟動:npm run serve //生成的打包檔案在記憶體中不會寫入磁碟用於開發階段

或者npm run build //生成的打包檔案在dist中 用於專案上線

注意:自己構建的腳手架 是利用了webpack的便利 將vue打包進了專案的裡面 但是需要新的載入器

執行命令之前需要有的步驟

1.配置webpack.josn.js 的內容 (資料夾需要根據這個配置來新建 不然會找不到入口和其他的檔案)

// npm i clean-webpack-plugin  html-webpack-plugin style-loader css-loader file-loader

const

=require

('clean-webpack-plugin'

)const htmlwebpackplugin =

require

('html-webpack-plugin');

const minics***tractplugin =

require

("mini-css-extract-plugin"

)const webpack=

require

('webpack'

)const vueloaderplugin =

require

('vue-loader/lib/plugin'

)module.exports =

, module:,,

],rules:

},plugins:

[new

vueloaderplugin()

,new

minics***tractplugin()

,new

cleanwebpackplugin()

,new

htmlwebpackplugin(}

)], devserver:

,}

,"keywords":[

],"author":""

,"license"

:"isc"

,"dependencies":,

"devdependencies"

:}

3.資料夾的關係

執行命令之後進行了寫什麼東西

1.npm run dev

2.找到檔案中 webpack.josn 執行一哈 「webpack-dev-server --open --inline --progress --config webpack.config.js」

3.執行命令之後就會跑到webpack.config.js 裡面去跑**

4.將入口檔案找到 跑** 能讀懂的就讀 讀不懂的就會看配置裡面有沒有解析的配置(例如載入器)有就繼續解析 沒有就報錯

5.都沒有錯檔案就會被 解析完成 熱更新伺服器就將頁面開啟將效果呈現出來(執行的命令可以是兩套 一套要打包** 一套直接是除錯時候的)

三種基本排序

由於排序不僅是針對主關鍵字,那麼對於次關鍵字,因為待排序的記錄序列中可能存在兩個或者兩個以上的關鍵字相等的記錄,排序結果可能會存在不唯一的情況,所以我們給出了穩定與不穩定排序的定義。假設ki kj 1 i n,1 j n,i j 且在排序前的序列中 ri 領先於 rj 即i j 如果在排序後仍然領先...

vue路由傳參的三種基本方式

this.router.push 路由配置 在home元件中獲取引數值 this.route.params.id 複製 通過name來匹配路由,通過param來傳遞引數 this.router.push 用params傳遞引數,不使用 id home元件中獲取引數 this.route.params...

vue路由傳參的三種基本方式

現有如下場景,點選父元件的li元素跳轉到子元件中,並攜帶引數,便於子元件獲取資料。父元件中 for article in articles click getdescribe article.id methods getdescribe id 方案一,需要對應路由配置如下 很顯然,需要在path中新...