Vue前端判断数据对象是否为空的实例前端判断数据对象是否为空的实例
看代码：
Vue提供了强大的前端开发架构，很多时候我们需要判断数据对象是否为空，使用typeof判断是个不错选择，具体代码见图。
补充知识：补充知识：vue打包后打包后 history模式模式 跟子目录跟子目录 静态文件路径静态文件路径 分析分析
history
根目录根目录
路由mode变为history后，需要在服务器配置 url重写,在根目录 创建web.config文件 加下面内容复制进去
<?xml version="1.0" encoding="utf-8"?>
<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name="Handle History Mode and custom 404/500" stopProcessing="true">
<match url="(.*)" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
</conditions>
<action type="Rewrite" url="/index.html" />
</rule>
</rules>
</rewrite>
</system.webServer>
</configuration>
background: url(‘/static/logo.png’) no-repeat center/ 50%; 跟路径 / 和 相对路径
<img src=”/static/logo.png” alt=”” srcset=””> 跟路径 / 和 相对路径
<div class=”image1″ style=”background:url(‘../static/logo.png’)”></div> 跟路径 / 和 ../
<img :src="image" alt="" srcset=""> 跟路径 / 和../
data () {
return {
image: '../static/logo.png'
}
}
子目录子目录
例如我在根目录下创建子目录名为app的文件夹作为项目文件夹
路由mode变为history后，需要在服务器配置 url重写,在根目录 创建web.config文件 加下面内容复制进去 与根目录不同的是
action 标签 url /app/index.html
<?xml version="1.0" encoding="utf-8"?>
<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name="Handle History Mode and custom 404/500" stopProcessing="true">
<match url="(.*)" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
资源评论
