‘壹’ 一个.vue文件,是如何被编译在浏览器中运行的
自我理解的作用:解析转换.vue文件。提取出script,css,template,再分别交给对应的loader去处理。核心就是提取。
官方定义:
1、允许为唯胡链vue组件的每个部分使用他的webpack loader,例如在style中使用sass,在template中使用Pug
2、允许一个.vue文件中做凳使用自定义块,并对其运用自定义的loader链
3、使用webpack loader将style,template中引用的资源当作模块依赖处理
4、为指孙每个组件模拟出scoped css
5、在开发过程中使用热重载来保持状态
‘贰’ vue项目部署iis服务器
一、将vue项目进行打包编译后,根目录生成dist的文件
当出现如上图显示时,说明打包编译完成,已经生成dist文件
二、打开iis服务器
打开iis服务器后选中【网站】后右击选【添加网站】,就可对网站进行配置,物理路径选择编译后的dist文件夹后选确定就行。
三、右击选择【启动】后出现如下报错信息:
除非Windows Activation Service (WAS)和万维网发布服务(W3SVC)均处于运行状态,否则无法启动网站
解决:
打开命令提示符中输入services.msc ,打开服务。
找到windows install及word wide web发布服务选项,分别右击启动,并右键属性改为启动类型就可以。
这是重新启动下,就可以访问。
‘叁’ 请教vue.js的问题
/*!
* Vue.js v1.0.12
* (c) 2015 Evan You
* Released under the MIT License.
*/
(function (global, factory) {
typeof exports === 'object' && typeof mole !== 'undefined' ? mole.exports = factory() :
typeof define === 'function' && define.amd ? define(factory) :
global.Vue = factory();
}
通过你的第二张截图看到你也用的是一个在线 js 资源。
看一下这个 js 资源有没有正常的加载下来。
我从中把前几行引用出来。你可以看到,实例化的全局变量的名称。你可以通过断点调试确认执行情况。
我看到你的这段代码的上面还有一些代码。你需要排除一下是不是上面的代码对 Vue 实例有一些影响。