python----Vue框架学习

Vue是什么？

Vue（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。采用自底向上增量开发的设计。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue渐进式的理解:http://www.bslxx.com/a/vue/2017/1205/1490.html

Vue通过新的属性（自定义）和{{表达式}}扩展了 HTML。

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

Vue学习起来非常简单。

官网：https://cn.vuejs.org/

Vue是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。

Vue前端在线引用

在线引用：

<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

Vue的基本规则。。。。。。

（太多了自己网上学）

Vue项目创建

1、官网下载node并安装

去node.js官网下载安装包下载 | Node.js 中文网下一步安装即可

2、 配置环境变量

一般会在安装时自动配置，若无效，则手动配置

安装成功，在命令行输入node -v   以及  npm -v

npm换成国内源，此地址可能更新，每年查询一下

npm换源（镜像）

npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

查看是否安装成功

     npm config list  或者  npm config get registry  查看npm的数据源是否更换成功

---------------------------------------------------------分割线

运行已经存在的Vue项目

首先切换在终端切换到该Vue项目

cd xxx（vue项目名）

然后再输入代码运行

npm run serve

-------------问题出现以及解决

Error: error:0308010C:digital envelope routines::unsupported问题的解决方案包括webstorm运行vue项目的解决方案

原因：主要是nodejs17版本发布了OpenSSL3.0对算法和秘钥大小增加了更为严格的限制，npm升级导致了与OpenSSL不兼容导致的初始化失败，而我的电脑上的node.js是v18.16.0的，版本太高了。

解决办法一：

输入以下代码

​
set NODE_OPTIONS=--openssl-legacy-provider

​

再运行~。

其他解决办法请移步Error: error:0308010C:digital envelope routines::unsupported问题的解决方案包括webstorm运行vue项目的解决方案_95% emitting compressionplugin error error: error:-CSDN博客

----------------------------------------------------------------------------------------

vue项目启动与停止

打开集成终端

输入npm runserve 

/yarn run serve

/npm run dev 

可以把项目运行起来

想要结束运行  可以ctrl+c

选择输入y

结束运行