Vue 总结

1.下载安装vue脚手架

命令符:npm install -g vue-cli

2.查看是否安装成功

命令符 vue -V

3.构建一个vue项目

vue init webpack 项目名字

cd 项目名称

npm install 下载所有依赖

运行项目

npm run dev

打包项目

npm run build

vue-awesome-swiper用法

第一步安装

npm install vue-awesome-swiper --save

第二部引入

import Vue from 'vue'

import VueAwesomeSwiper from 'vue-awesome-swiper'

Vue.use(VueAwesomeSwiper)

第三部使用html代码

js代码 

import { swiper, swiperSlide } from 'vue-awesome-swiper'      

export default {          

              components: {              

                        swiper,              

                       swiperSlide          

                    },          

 data() {              

               return {                  

                      swiperOption: {                     

                                 官网api属性                

                                 }            

                        }          

            } 

      }

进入组件执行的函数mounted(){}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、设计模式(代码组织形式):mvvm m:model 既数据,数据源模型,界面所有的数据负责提供及管理 v:vi...
    旧游旧游阅读 451评论 0 2
  • vueUI框架elmentui 1, vuex -----state-------存储数据1,创建一个store,...
    泡芙小姐110阅读 363评论 0 0
  • npm 安装 安装 node.js 安装 git git 安装淘宝NPM镜像 npm install -g cnp...
    饼饼_佳阅读 652评论 0 5
  • 任务1 运行结果 源代码 任务二 运行结果 源代码 任务三 运行结果 通过这次作业,对 HTML 的 各个标签有了...
    rangel阅读 255评论 0 1
  • 《今天也要用心过生活——生活中的巧思与发现笔记01》 作者松浦弥太郎,日本最会生活的男人 凡热爱生活的人,无一不在...
    夏小正SJJ阅读 1,690评论 0 1