vue知识总结

vue是什么?

Vue 是一套构建用户界面的渐进式框架。

Vue 只关注视图层, 采用自底向上增量开发的设计。

Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue安装

1:首先先安装npm

npm  install   -g

npm -V

查看版本

2:安装vue

npm install vue

全局安装vue-cli

npm install --global vue-cli

创建一个基于webpack模板的新项目$ vue init webpack my-project

这里需要进行一些配置,默认回车即可这将安装模板的Vue 2.x版本。

对于Vue 1.x使用:

vue init webpack#1.0 my-project?项目名称my-project?

项目描述Vue.js项目?

作者runoob <test@runoob.com>?

Vue独立构建?

使用ESLint来填充你的代码?是?

选择ESLint预设标准?

设置单元用Karma + Mocha进行测试?是?

使用Nightwatch设置e2e测试?是 vue-cli·生成“我的项目”。 

 开始: cd my-project

 启动: npm run dev

Vue使用

在src--components--组件中写相应代码

<template>

//只能有一个最大的div

</template>

<script>

export default {

在这里写相关操作

}

</script>

<style scoped>

在这里写样式

</style>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容