Vue2.0怎么开始第一次使用，有哪些教程教不了的操作
liebian365 2024-10-23 13:49 21 浏览 0 评论
1、第一次引入Vue在浏览器出现两个提示：
- Download the Vue Devtools extension for a better development experience:
https://github.com/vuejs/vue-devtools
注释： 请你下载Vue的开发者，以达到更好的体验
解决：通过https://v2.cn.vuejs.org/v2/guide/installation.html#Vue-Devtools 的安装目录下，安排Vue Devtools工具
- 01_初识Vue/js/vue.js:9323You 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
注释：你的版本是开发者版本，若是生产环境，则建议改为引入生产的Vue版本：
在script中增加一个配置：
Vue.config.productionTip = false //阻止Vue在启动时生成生产提示
- Vue的版本号写法：
^ 会匹配最新的大版本依赖包，比如 ^1.2.3 会匹配所有 1.x.x 的包，包括 1.3.0，但是不包括 2.0.0
~ 会匹配最近的小版本依赖包，比如 ~1.2.3 会匹配所有 1.2.x 版本，但是不包括 1.3.0
* 安装最新版本的依赖包，比如 *1.2.3 会匹配 x.x.x
2、初识Vue工作的原理:
1.想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象;
2.root容器里的代码依然符合htm1规范，只不过混入了一些特殊的Vue语法;3.root容器里的代码被称为[Vue模板]:
4.Vue实例和容器是一一对应的;
5.真实开发中只有一个Vue实例，并且会配合着组件一起使用:
6.{[{xxx}}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性7.一旦data中的数据发生改变，那么页面中用到该数据的地方也会自动更新;
注意区分: js表达式 和 s代码(语句)
1.表达式:一个表达式会产生一个值，可以放在任何一个需要值的地方:
(1).a
(2).a+b
(3). demo(1)
(4). x === y ? 'a' : 'b
2.js代码(语句)
(1).if()}
(2). for(){}
2.1、Vue原理，模板的概念：
解释：HTML的容器对于Vue来说就是模板
注：1、一个容器，只能被 一个Vue实例接管。（容器与Vue实例是一一对应）
想了系统性学习开发项目并下载源码，可以搜索微信小程序“群应荟萃” 并转发 ，有无限多的免费学习教程。
加入微信群：“群应荟萃”可以实时获取最新资源更新
教程版权归原作者所有,本站只是负责搜集整理
相关推荐
- “版本末期”了?下周平衡补丁!国服最强5套牌!上分首选
-
明天，酒馆战棋就将迎来大更新，也聊了很多天战棋相关的内容了，趁此机会，给兄弟们穿插一篇构筑模式的卡组推荐！老规矩，我们先来看10职业胜率。目前10职业胜率排名与一周前基本类似，没有太多的变化。平衡补丁...
- VS2017 C++ 程序报错“error C2065:“M_PI”: 未声明的标识符"
-
首先，程序中头文件的选择，要选择头文件，在文件中是没有对M_PI的定义的。选择：项目——>”XXX属性"——>配置属性——>C/C++——>预处理器——>预处理器定义，...
- 东营交警实名曝光一批酒驾人员名单 88人受处罚
-
齐鲁网·闪电新闻5月24日讯酒后驾驶是对自己和他人生命安全极不负责的行为，为守护大家的平安出行路，东营交警一直将酒驾作为重点打击对象。5月23日，东营交警公布最新一批饮酒、醉酒名单。对以下驾驶人醉酒...
- Qt界面——搭配QCustomPlot（qt platform）
-
这是我第一个使用QCustomPlot控件的上位机，通过串口精确的5ms发送一次数据，再将读取的数据绘制到图表中。界面方面，尝试卡片式设计，外加QSS简单的配了个色。QCustomPlot官网：Qt...
- 大话西游2分享赢取种族坐骑手办!PK趣闻录由你书写
-
老友相聚，仗剑江湖！《大话西游2》2021全民PK季4月激燃打响，各PK玩法鏖战齐开，零门槛参与热情高涨。PK季期间，不仅各种玩法奖励丰厚，参与PK趣闻录活动，投稿自己在PK季遇到的趣事，还有机会带走...
- 测试谷歌VS Code AI 编程插件 Gemini Code Assist
-
用ClaudeSonnet3.7的天气测试编码，让谷歌VSCodeAI编程插件GeminiCodeAssist自动编程。生成的文件在浏览器中的效果如下：（附源代码）VSCode...
- 顾爷想知道第4.5期 国服便利性到底需优化啥?
-
前段时间DNF国服推出了名为“阿拉德B计划”的系列改版计划，截至目前我们已经看到了两项实装。不过关于便利性上，国服似乎还有很多路要走。自从顾爷回归DNF以来，几乎每天都在跟我抱怨关于DNF里面各种各样...
- 掌握Visual Studio项目配置【基础篇】
-
1.前言VisualStudio是Windows上最常用的C++集成开发环境之一，简称VS。VS功能十分强大，对应的，其配置系统较为复杂。不管是对于初学者还是有一定开发经验的开发者来说，捋清楚VS...
- 还嫌LED驱动设计套路深?那就来看看这篇文章吧
-
随着LED在各个领域的不同应用需求,LED驱动电路也在不断进步和发展。本文从LED的特性入手，推导出适合LED的电源驱动类型，再进一步介绍各类LED驱动设计。设计必读：LED四个关键特性特性一：非线...
- Visual Studio Community 2022(VS2022)安装图文方法
-
直接上步骤：1，首先可以下载安装一个VisualStudio安装器，叫做VisualStudioinstaller。这个安装文件很小，很快就安装完成了。2，打开VisualStudioins...
- Qt添加MSVC构建套件的方法（qt添加c++11）
-
前言有些时候，在Windows下因为某些需求需要使用MSVC编译器对程序进行编译，假设我们安装Qt的时候又只是安装了MingW构建套件，那么此时我们该如何给现有的Qt添加一个MSVC构建套件呢？本文以...
- Qt为什么站稳c++GUI的top1（qt c）
-
为什么现在QT越来越成为c++界面编程的第一选择，从事QT编程多年，在这之前做C++界面都是基于MFC。当时为什么会从MFC转到QT？主要原因是MFC开发界面想做得好看一些十分困难，引用第三方基于MF...
- qt开发IDE应该选择VS还是qt creator
-
如果一个公司选择了qt来开发自己的产品，在面临IDE的选择时会出现vs或者qtcreator，选择qt的IDE需要结合产品需求、部署平台、项目定位、程序猿本身和公司战略，因为大的软件产品需要明确IDE...
- Qt 5.14.2超详细安装教程，不会来打我
-
Qt简介Qt（官方发音[kju:t]，音同cute）是一个跨平台的C++开库，主要用来开发图形用户界面（GraphicalUserInterface，GUI）程序。Qt是纯C++开...
- Cygwin配置与使用(四)——VI字体和颜色的配置
-
简介：VI的操作模式，基本上VI可以分为三种状态，分别是命令模式（commandmode）、插入模式（Insertmode）和底行模式（lastlinemode），各模式的功能区分如下：1)...
欢迎 你 发表评论:
- 一周热门
- 最近发表
-
- “版本末期”了?下周平衡补丁!国服最强5套牌!上分首选
- VS2017 C++ 程序报错“error C2065:“M_PI”: 未声明的标识符"
- 东营交警实名曝光一批酒驾人员名单 88人受处罚
- Qt界面——搭配QCustomPlot（qt platform）
- 大话西游2分享赢取种族坐骑手办!PK趣闻录由你书写
- 测试谷歌VS Code AI 编程插件 Gemini Code Assist
- 顾爷想知道第4.5期 国服便利性到底需优化啥?
- 掌握Visual Studio项目配置【基础篇】
- 还嫌LED驱动设计套路深?那就来看看这篇文章吧
- Visual Studio Community 2022(VS2022)安装图文方法
- 标签列表
-
- wireshark怎么抓包 (75)
- qt sleep (64)
- cs1.6指令代码大全 (55)
- factory-method (60)
- sqlite3_bind_blob (52)
- hibernate update (63)
- c++ base64 (70)
- nc 命令 (52)
- wm_close (51)
- epollin (51)
- sqlca.sqlcode (57)
- lua ipairs (60)
- tv_usec (64)
- 命令行进入文件夹 (53)
- postgresql array (57)
- statfs函数 (57)
- .project文件 (54)
- lua require (56)
- for_each (67)
- c#工厂模式 (57)
- wxsqlite3 (66)
- dmesg -c (58)
- fopen参数 (53)
- tar -zxvf -c (55)
- 速递查询 (52)