在一个阳光明媚的下午,学院就业指导老师让我们每个人做一份简历,然后打印上交。后回到宿舍,苦苦在网上寻找,未果。因为不要钱的模板太丑,好看的模板得花钱...,像我等穷逼,哪里有什么闲钱。于是,果断下载了个丑不拉几的模板,打开word随便填了填交了上去......
后来良心隐隐作痛,于是打算开发一款能在线编辑简历的webAPP,就随手将脑海中的想法写了下来:
接下了就是使用vue-cli初始化项目、下载依赖等常规操作...
大家可以去我的GitHub地址,查看具体的项目源码:https://github.com/bjw1234/v_...
欢迎谢谢各位大佬...
也可以直接点击该网址运行项目:
http://resume.baijiawei.top
我主要把我遇到的一些小问题,以及把配置服务器的过程记录下了,以供以后参考学习使用...
在组建中使用插槽,那么在父组件中可以将内容填充到插槽中。
通过指令渲染时,图片的路径需要父组件动态传递,父组件只是传过来的图片的名称。这时我们可以这样做:
- 使用的第三方模块
- 具体实例
在模块中可以使用和关键字。
注意:
- 想要导出模块的功能有很多方法,其中最简单的方式是添加export关键字。
或者也可以采用这样的方式:
你可以导出所有的最外层函数、类以及var、let或const声明的变量。
- 在另一个模块中导入其他模块。
- 重命名import和export
导入时的重命名
当然,导出时也可以重命名
- Default exports
- 模块对象
- 聚合模块
有时一个程序包中主模块的代码比较多,为了简化这样的代码,
可以用一种统一的方式将其它模块中的内容聚合在一起导出,
可以通过这种简单的方式将所有所需内容导入再导出:
当<style>标签有scoped属性时,它的css只作用于当前组件中的元素。
有作用域的 CSS
转换结果:
混用本地和全局样式
你可以在一个组件中同时使用有作用域和无作用域的样式:
子组件的根元素
使用 scoped 后,父组件的样式将不会渗透到子组件中。不过一个子组件的根节点会同时受其父组件有作用域的 CSS 和子组件有作用域的 CSS 的影响。这样设计是为了让父组件可以从布局的角度出发,调整其子组件根元素的样式。
深度选择器
如果你希望 scoped 样式中的一个选择器能够作用得“更深”,例如影响子组件,你可以使用 操作符。
有些像 Sass 之类的预处理器无法正确解析 。这种情况下你可以使用 操作符取而代之——这是一个 的别名,同样可以正常工作。
1.先停止再启动(推荐):
对 nginx 进行重启相当于先停止再启动,即先执行停止命令再执行启动命令。
如下:
2.重新加载配置文件:
当 nginx的配置文件 nginx.conf 修改后,要想让配置生效需要重启 nginx,
执行以下命令即可:
启动成功后,在浏览器可以看到这样的页面:
如果操作正确的话,按照以上的命令已经安装好了Nginx。
打开 /usr/local/nginx/conf/nginx.conf文件:
添加以下内容:
OK,那么现在就可以通过自己配置的域名进行访问啦!
我的顶级域名:http://baijiawei.top
当然为了更好的利用域名资源,也可以使用二级域名:
例如:
http://blog.baijiawei.top
http://resume.baijiawei.top
Nginx配置二级子域名
第一步
去自己域名控制台添加解析,这里以添加resume前缀为例:
我用的是阿里云服务器,在控制面板点击添加域名,输入域名名称点击确定即可。 例如:(resume.baijiawei.top)
第二步
在根目录下也就是中添加一个文件夹,文件夹名称为第一步中二级域名的前缀,也就是,
然后将你的Vue项目或者其他项目添加入该文件夹中。
第三步
添加配置文件
进入 目录下:
打开配置文件,添加以下内容:
第四步
重新加载配置文件,就可以开开心心在电脑上去访问自己的项目啦。
大家可以去我的GitHub地址,查看具体的项目源码:https://github.com/bjw1234/v_...