⑴ vue緙栬瘧鍚庣殑js鍙嶇紪璇戜負vue
1銆佸湪Vue欏圭洰涓瀹夎厀ebpack鍜寁ue-loader銆
2銆佸湪webpack鐨勯厤緗鏂囦歡涓鍚鐢╯ourcemap銆
2銆侀噸鏂拌繍琛岄」鐩錛屽氨鍙浠ュ湪嫻忚堝櫒鐨勫紑鍙戣呭伐鍏蜂腑鏌ョ湅緙栬瘧鍚庣殑浠g爜鐨勬簮鐮佹槧灝勪簡銆
⑵ vue各版本命名
Vue的各種版本介紹:
cjs(兩個版本都是完整版,包含編譯器
)vue.cjs.js
vue.cjs.prod.js(開發版,代碼進行了壓縮)
global(這四個版本都可以在瀏覽器中直接通過scripts標簽導入,導入之後會增加一個全局的Vue對象)
vue.global.js(完整版,包含編譯器和運行時)
vue.global.prod.js(完整版,包含編譯器和運行時,這是開發版本,代碼進行了壓縮)
vue.runtime.global.js
vue.runtime.global.prod.js
browser(四個版本都包含esm,瀏覽器的原生模塊化方式,可以直接通過的方式來導入模塊)
vue.esm-browser.js
vue.esm-browser.prod.js
vue.runtime.esm-browser.js
vue.runtime.esm-browser.prod.js
bundler(這兩個版本沒有打包所有的代碼,只會打包使用的代碼,需要配合打包工具來使用,會讓Vue體積更小)
vue.esm-bundler.js
bue.runtime.esm-bundler.js
在vue的文檔中我們可以了解到vue有兩個版本(vue.js),完整版與不完整版(vue.runtime.js),其中的vue.min.js和vue.runtime.js是完整版與不完整版的縮小版,省去了裡面的注釋。
template標簽在vue實例綁定的元素內部,它是可以顯示template標簽中的內容,但是查看後台的dom結構不存在template標簽。如果template標簽不放在vue實例綁定的元素內部默認裡面的內容不能顯示在頁面上,但是查看後台dom結構存在template標簽。
⑶ vue圖片文件夾命名img還是images,官方推薦哪個
官方沒有具體推薦,一般放在assets目錄及其子目錄下。
如果圖片不是很多,可以直接放在assets目錄。
對於無需處理的靜態圖片文件可以放在static目錄下。
⑷ vue鍒濆嬪煎懡鍚峮ull榪樻槸絀哄瓧絎︿覆
鍒濆嬪煎懡鍚峮ull銆
vue鏂囨。涓璿ue瀹炰緥銆婃暟鎹涓庢柟娉曘嬪氨鏈夋彁鍒般傞」鐩涓閫氬父鎶婇渶瑕佸搷搴斿紡鐨勬暟鎹瀵硅薄鎴栬呮暟鎹鏁扮粍鍒濆嬪寲璧嬪間負null銆
褰撻氳繃鎺ュ彛寮傛ヨ幏鍙栨暟鎹鏃訛紝欏甸潰搴旇ュ勪簬loading鐘舵侊紝榪欐椂鍊欏彧闇瑕佸垽鏂鍏舵槸鍚︿負null銆
⑸ vue原理是什麼
原理是:vue在編譯的時候通過在DOM元素以及css樣式上加上唯一標記,實現樣式私有化,不污染全局樣式。
如:編譯為;對應的樣式。my-class編譯為。my-class[data-v-56e7f951]。
state中保存著共享數據;
修改state中的狀態只能提交mutations中的方法,且方法必須是同步的;
需要非同步方法時,寫在actions中,提交mutations,由mutations修改state狀態。
(5)vue編譯後命名擴展閱讀:
vue在web開發、網站製作中的優勢
1、據綁定:vue會根據對應的元素,進行設置元素數據,通過輸入框,以及get獲取數據等多種方式進行數據的實時綁定,進行網頁及應用的數據渲染 。
2、組件式開發:通過vue的模塊封裝,它可以將一個web開發中設計的各種模塊進行拆分,變成單獨的組件,然後通過數據綁定,調用對應模版組件,同時傳入參數,即可完成對整個項目的開發。
3、簡單小巧的核心,漸進式技術棧,足以應付任何規模的應用。
⑹ vue鍗曚釜緇勪歡鍛藉悕鏍囩炬棤娉曞紩鐢
媯鏌ヤ竴涓嬪懡鍚嶆爣絳劇殑闂棰樸
娉ㄦ剰緇勪歡鍚嶈佷互瀛楁瘝寮澶達紝鍚庨潰璺熷瓧姣嶃佹暟鍊兼垨涓嬪垝綰挎垨妯綰匡紝騫朵笖涓嶈佷笌HTML鍏冪礌鎴朧ue淇濈暀鐨勬爣絳懼悕閲嶅悕銆傜敱浜嶩TML鏍囩句笉鍖哄垎澶у皬鍐欙紝鎵浠ュ湪鐢熸垚鐨勬爣絳懼悕閮戒細杞鎹涓哄皬鍐欍傚叏閮ㄦg『鐨勮瘽錛屽氨鍙浠ュ紩鐢ㄤ簡銆
緇勪歡鏄瀵規暟鎹鍜屾柟娉曠殑綆鍗曞皝瑁呫傜粍浠跺彲浠ユ湁鑷宸辯殑灞炴у拰鏂規硶銆傚睘鎬ф槸緇勪歡鏁版嵁鐨勭畝鍗曡塊棶鑰呫傛柟娉曞垯鏄緇勪歡鐨勪竴浜涚畝鍗曡屽彲瑙佺殑鍔熻兘銆備嬌鐢ㄧ粍浠跺彲浠ュ疄鐜版嫋鏀懼紡緙栫▼銆佸揩閫熺殑灞炴у勭悊浠ュ強鐪熸g殑闈㈠悜瀵硅薄鐨勮捐°