需要社工、前端相關資料的人,可以到右邊找找。

1.到node.js官網下載安裝node.js

2.下載安裝Webstorm

3.使用npm命令安裝TypeScript編譯器:npm install typescript -g,檢查是否安裝成功:tsc -v

文章標籤

bingzhichen 發表在 痞客邦 留言(0) 人氣()

使用VueRouter(SPA頁面)
1.import VueRouter from 'vue-router'
2.Vue.use(VueRouter);

文章標籤

bingzhichen 發表在 痞客邦 留言(0) 人氣()

因為 Vue CLI 3 不使用 templates ,改用 render,所以無法和 Vue CLI 2一樣直接在index裡面引入使用bootstrap

那要如何使在Vue CLI 3使用bootstrap ?

步驟:

1.安裝 bootstrap 和 bootstrap-vue,兩個都需要安裝

npm i bootstrap  /  yarn add bootstrap

npm i bootstrap-vue  /  yarn add bootstrap-vue

文章標籤

bingzhichen 發表在 痞客邦 留言(0) 人氣()

vue axios 跨域處理
1.在跟目錄下建立vue.config.js

文章標籤

bingzhichen 發表在 痞客邦 留言(0) 人氣()

1.在main.js裡面設定axios
以下兩步驟引入axios
引入axios
import Axios from 'axios'
// 引入的Axios掛載到Vue實例上
Vue.prototype.$axios = Axios;

文章標籤

bingzhichen 發表在 痞客邦 留言(0) 人氣()


基礎指令:
{{ 變量 }} 只能存在當行語句
v-once:只能渲染一次
v-html:解析html結構
v-bind:指定,解析屬性中的對象
v-bind:簡寫為:
v-if / v-else:條件渲染,v-if只有條件為真才渲染元素
v-show:條件渲染,不管初始條件是什麼,元素都會被渲染,只是用簡單的css進行切換(顯示、隱藏)
頻繁切換用v-show,運行時條件很少改變則使用v-if
v-if="XXX"          v-if="show"

文章標籤

bingzhichen 發表在 痞客邦 留言(0) 人氣()

在踩了一堆坑之後,最後的 路徑配置 結果,保留下,以防之後電腦重灌又要再找原因

從此遠離 'XXX' 不是內部或外部命令、可執行的程式或批次檔

配置.PNG

bingzhichen 發表在 痞客邦 留言(0) 人氣()

解決 'mongo' 不是內部或外部命令、可執行的程式或批次檔 / 解決 'mongo' 不是內部或外部命令,也不是可運行的程序的解決方法

文章標籤

bingzhichen 發表在 痞客邦 留言(0) 人氣()

安裝Vue CLI 3

如果有安裝vue-cli,先移除,使用 npm uninstall vue-cli -g 或  yarn global remove vue-cli

再安裝Vue CLI 3,使用 npm install -g @vue/cli 或 yarn global add @vue/cli

如果出現以下

解決 'vue' 不是內部或外部命令、可執行的程式或批次檔 / 解決 'vue' 不是內部或外部命令,也不是可運行的程序的解決方法

文章標籤

bingzhichen 發表在 痞客邦 留言(0) 人氣()

解決 'yarn' 不是內部或外部命令、可執行的程式或批次檔 / 解決 'yarn' 不是內部或外部命令,也不是可運行的程序的解決方法

文章標籤

bingzhichen 發表在 痞客邦 留言(0) 人氣()

解決 'node' 不是內部或外部命令、可執行的程式或批次檔 / 解決 'node' 不是內部或外部命令,也不是可運行的程序 的解決方法

文章標籤

bingzhichen 發表在 痞客邦 留言(0) 人氣()

nodejs、npm 安裝 / 環境配置設定 / 路徑配置設定 / 步驟(windows10)

1.node官網下載windows版本的nodejs,進行安裝node程序


2.安裝過程:直接NEXT就可以了。(我安裝在D:\Program Files\nodejs)

文章標籤

bingzhichen 發表在 痞客邦 留言(0) 人氣()

react-router中提供的組件都要在HashRouter包裹的範圍內使用

文章標籤

bingzhichen 發表在 痞客邦 留言(0) 人氣()

父組件把一個函數通過屬性或context的方式傳給子組件,子組件只要調用這個方法即可,在子組件中執行父組件的方法,可以傳遞值回去給父組件。

 

文章標籤

bingzhichen 發表在 痞客邦 留言(0) 人氣()

生命週期函數:在某一個時候,組件會自動執行的函數 

 

文章標籤

bingzhichen 發表在 痞客邦 留言(0) 人氣()