vue 插入word模板 项目_Vue-element-template项目学习笔记

1.

vue 在css 引入背景图片报错：Module not found: Error: Can't resolve '../../images/icons/loading2.gif' in '/home。报错信息就是找不到路径，我是这样的写法：background-image: url(../../images/icons/loading2.gif);

这是使用相对路径，报错了。后面改成background-image: url(/assets/images/icons/loading2.gif);不报错了，但是图片还是没有显示。

百度找答案~，终于background-image: url(‘~@/assets/images/icons/loading2.gif’); ~@的意思:@是webpack设置的路径名，代表的是src目录，可以在build / webpack.base.conf.js更改设置。

2.

app.vue文件我们可以分成三部分解读，

(1) 标签包裹的内容：这是模板的HTML Dom结构，里边引入了一张图片和 标签，标签说明使用了路由机制。我们会在以后专门拿出一篇文章讲Vue-router。

(2) 标签包括的js内容：你可以在这里些一些页面的动态效果和Vue的逻辑代码。

(3) 标签包裹的css内容：这里就是你平时写的CSS样式，对页面样子进行装饰用的，需要特别说明的是你可以用来声明这些css样式只在本模板中起作用.

3.

原生事件：就是js事件，比如click事件、鼠标事件等。给自定义组件绑定原生事件，是给组件根元素绑定原生事件。比如你定义了一个组件a：