vue 学习

lishihuan大约 1 分钟

vue 学习

尚硅谷教程：https://www.bilibili.com/video/BV1Zy4y1K7SH/open in new window

vue2 官网： https://v2.cn.vuejs.org/v2/guide/open in new window

最新Web前端开发学习全套教程\前端学习路线\自学必备（零基础小白转行IT\入门视频\网页设计\CSS3\React\Node.js\Vue\JavaScrip_哔哩哔哩_bilibiliopen in new window

1. vuev介绍

2. 官网使用指南

官网使用介绍

3. 搭建开发环境

3.1 Vue Devtools 浏览器插件

Vue Devtoolsopen in new window

https://chrome.pictureknow.com/?id=055e9bd505a846918cefc81760263768open in new window

image-20221126002920972
image-20221126002920972
image-20221126002931292
image-20221126002931292

3.2 安装

3.3 直接用 <script> 引入

  • 下载vue.js 或者 vue.min.js(生产版本)

  • 通过CDN 引入

<!-- 开发版本 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.10/dist/vue.js"></script>
<!-- 生产环境 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.10"></script>
  • NPM npm install vue
  • 命令行工具 (CLI)
## 提示1，建议下载 vue-devtools 进行调试，下载后如果还是提示 勾选上"允许访问文件地址"
Download the Vue Devtools extension for a better development experience:
https://github.com/vuejs/vue-devtools

## 当前引用的是vue.js 开发版本，建议更换为 生产版本--解决方案是 
vue.js:9285 You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html

https://v2.cn.vuejs.org/v2/api/#productionTipopen in new window