vue三部曲

news/2024/11/13 6:36:08/

vue初入

简介

​ vue生于2014年

Vue等框架与jQuery的区别

​ jQuery是基于操作dom的库

​ Vue框架是以数据驱动和组件化开发为核心

留坑、引包、实例化、插值表达式{{}}

​ vue第一个简单案例练习图。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HmfRfRUT-1687087857429)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20221009014105094.png)]

引包

​ 使用cnpm install vue@2下载vue2(@version下载指定版本,不加下载最新版本),然后将vue.js放到外面,如图所示。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zFksRpxr-1687087857433)(pic/image-20220925233714454.png)]

实例化

​ new Vue({对象}),此对象中包括,el目的地、template模板、data数据

data

​ 其中data值的形式可以是函数也可以是对象,函数最后也是return一个对象

插值表达式

​ data中的数据通过插值表达式 {{数据对象key}} 的形式,传入模板template中。

【tips】使用sublime时,只需要敲<html回车即可快速生成html模板。

http://www.ppmy.cn/news/459688.html

相关文章

工业镜头、相机的结构、参数解释及选型指南

提示&#xff1a;本文参考了网上其他相关文章&#xff0c;如有侵权&#xff0c;请联系作者。 文章目录 前言一、镜头的工艺制作原理1.镜头组成部分2.什么是焦距&#xff1f;3.焦距与镜头厚薄的关系&#xff1f;4.焦距与镜头角度的关系&#xff1f;5.工业镜头焦距/倍率6.定焦镜头…

相机组成、镜头焦距、视场角、清晰度的概念(一)

一、相机组成 相机是由感光元器件&#xff08;cmos或ccd&#xff09;和镜头组成&#xff0c;光线经过镜头&#xff0c;折射到感光元器件上&#xff0c;由光转换成电信号&#xff0c;经过处理器芯片采集电信号&#xff0c;转换成数字信号&#xff0c;经过数字处理&#xff0c;存…

单反相机镜头焦距范围的毫米具体指的是什么?

简单的讲就是镜头受光面到&#xff08;底片或CCD&#xff09;聚焦点的距离&#xff0c; 并不是指镜头到被摄物的距离。 这个距离短的话就能获得更多的视角&#xff08;广角&#xff09;&#xff0c;长的话视角就会变窄&#xff08;望远&#xff09; 变焦镜头可以实现在一定范围…

单反成像原理

从小孔成像开始说起 初中的物理我们都学过小孔成像 物体的光线通过一个小孔&#xff0c;会倒映到黑盒中后方的投影版上&#xff0c;然后就可以在投影版上看到图像的倒影了。 这个技术很好地被应用在了照片上。开始的科学家们想到&#xff0c;既然通过小孔成像能把影像投射到投影…

机器视觉丨AOI光源原理图和打光案例

首先&#xff1a; AOI光源&#xff1a;采用不同角度多色光&#xff0c;多色多角度照射&#xff0c;能准确反应物体表面立体信息。 其次&#xff1a; AOI光源的检测范围包含&#xff1a;电路板焊锡检测、多层次物件检测、多颜色字符检测。 打光案例丨 光源灯板&#xff08;被测…

机器视觉丨面光源原理、打光案例及尺寸图

首先&#xff0c;先了解什么是面光源&#xff1f; 》面光源是一种平面光源&#xff0c;LED经结构优化后均匀布在光源底部&#xff0c;经漫反射后在表面形成一片均匀的照射光。通常用于外形轮廓检测场合。 面光源的检测范围︰外形轮廓测量、加工尺寸测量、玻璃瓶破损、异物检测、…

机器视觉丨条形光源丨工作原理及打光案例

首先&#xff1a; 条形光源&#xff1a;特别适用于大尺寸特征的成像场合&#xff0c;其长度可按要求定制&#xff0c;并可根据实际需求选择光源颜色&#xff0c;多个条形光源也可自由组合&#xff0c;照射角度也可根据检测需求随意调整。 其次&#xff1a; 条形光源在视觉检测中…

【雕刻机】grbl control软件设置

之前在帖子http://bbs.mydigit.cn/read.php?tid1451495&page1 上看到一个有自动对刀功能的grbl控制软件&#xff0c;正好做的雕刻机Z轴不是很平&#xff0c;差了大概0.2mm,听起来没什么&#xff0c;但对于雕刻PCB来说&#xff0c;0.1毫米也是达不到使用要求的&#xff0c;…