Vue的学习之安装Vue

一、Vue的特点

二、Vue的学习

一、Vue的特点

1.采用组件化模式（xxx.vue包含html+css+js）

2.声明式编码，编码人员无需直接操作DOM，提高开发效率

3.使用虚拟DOM+优秀的DIFF算法（DIFF是用于新旧虚拟DOM的比较），尽量复用DOM节点

学习Vue之前要掌握的js基础知识：

ES6语法规范

ES6模块化

包管理器

原型、原型链

数组常用方法

axios

promise

...

二、Vue的学习

1.大概方向：

着重学习教程和API（类似于查字典，不会就找API）

网址：Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org)https://cn.vuejs.org/

2.安装Vue.js和Vue.min.js（主要再Vue2里面下载）

网址：Installation — Vue.js (vuejs.org)https://v2.vuejs.org/v2/guide/installation.html#Direct-lt-script-gt-Include

3.引入js文件


html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>01_初始Vuetitle>
    
    <script type="text/javascript" src="../js/vue.js">script>
head>
<body>
    
body>
html>

这里会遇到两个小问题，需要安装一些东西

4.安装Vue开发者工具

网址：

Vue.js devtools - Microsoft Edge Addonshttps://microsoftedge.microsoft.com/addons/detail/vuejs-devtools/olofadcdnkkjdfgjcmjaadnlehnnihnl

进入之后，点击获取按钮下载

点击右上角，打开拓展

打开Vue开发者工具，会在网页旁显示图标，就表示安装成功

点击第三步写好的页面进行检查，输入Vue.config，然后回车，出现以下显示就证明可以用了（这样就解决了第一个问题，为什么这里还是会有警告，大家好好思考以下什么原因？？？）

修改vscode中的productionTip的值为false

在vue文件中按住ctrl+f打开搜索栏查找，修改productionTip的值

就解决了第二个问题

相关阅读:
如果你有一台服务器，你最想做那些事？
基于微信小程序的在线商城设计（后台PHP）
【RealTek sdk-3.4.14b】RTL8197FH sdk 防火墙ip6tables xt-mac异常问题修改
7 LayUI
（学习日报）2022.7.19
第七次CCF计算机软件能力认证
手撸图片压缩工具
docker 安装 nginx
Android 12.0关机界面全屏显示(UI全屏显示)
【Java基础系列】Java中的关键字

原文地址：https://blog.csdn.net/weixin_58573288/article/details/139837735