⑴ 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殑闱㈠悜瀵硅薄镄勮捐°