vue 实用小知识点

1.安装环境
cnpm install -g vue-cli（安装全局脚手架）
vue init webpack dome
cnpm install
cd dome
cnpm run dev
2.一个组件的三步骤
import的引入组件
在template里面加载组件视图
在data()后面创建组件名
3.如何解决组件名与h5标签冲突问题

<app-header/>

appHeader:Header
“app-header”:Header
4.我们要用的js、css的引入
在 main.js里面引入
import ‘./assets/js/ini.js’
css的引入

<style>
@import './assets/css/ini.css'
</style>

5.如何在vue里面引入jquery
1.安装 cnpm install jquery --save


4引入
5使用 ，

6.链接框里不出现#

7.slot的使用
父元素引用子元素的 首先你的把子元素组件引进来
在子元素里将你要放到父元素的东西用slot包起来
8.js里面引用img静态图片要是用require
9. vue style='background-image:url’的写法

 <div class="swiper-slide"  v-for="item in banner" :style="{backgroundImage:'url('+item.img+')'}">111</div>